小程序支付流程详解

世界上最简单的微信支付SDK, 小程序支付流程详解

第1步.客户端获取登录凭证code, 并发送请求到服务端, 示例如下:

wx.login({
  success: function(res) {
    if (res.code) {
      //发起网络请求
      wx.request({
        url: 'https://test.com/pay',  // 获取预支付参数地址
        data: {
          code: res.code
        },
        success: function(res) {
          // 第3步处理
        }
      })
    } else {
      console.log('获取用户登录态失败！' + res.errMsg)
    }
  }
});

第2步.服务端调用扩展库方法, 获取预支付信息返回给客户端

\wxpay\JsapiPay::getPayParams($params, $code)

第3步.返回json字符串到客户端

wx.login({
  success: function(res) {
    if (res.code) {
      //发起网络请求
      wx.request({
        url: 'https://test.com/pay',  // 获取预支付参数地址
        data: {
          code: res.code
        },
        success: function(res) {
          // 第3步处理
          wx.requestPayment({
            timeStamp:res.timeStamp,
            nonceStr:res.nonceStr,
            package:'prepay_id=' + res.prepayId, // 这里千万注意, 前面要加 'prepay_id='
            signType:'MD5',
            paySign:res.data.data.sign,
            success:function () {
              console.log('支付成功');
            },
            fail:function (res) {
              console.log('支付失败');
            }
          })
        }
      })
    } else {
      console.log('获取用户登录态失败！' + res.errMsg)
    }
  }
});

如果已经将用户openId存在数据库, 则可以直接调用

\wxpay\JsapiPay::getParams($params, $openId)

然后, 进行第3步即可