小程序 调用微信支付

首先调用小程序wx.login登录接口  获取用户code

将code作为参数  传给后端  调用后端接口wechat/pay/prepay

获取后端  这五个返回值

nonceStr 
package2
paySign 
signType
timeStamp

wx.login({
      success: function (res) {
        var userId = wx.getStorageSync('userId');
        var passw = userId + orderId;
        console.log(passw)
        var password = util.sha1(passw);
        //console.log(res) //获取用户的code  微信返回的值 
        wx.request({
          url: url + 'wechat/pay/prepay',
          method: "POST",
          header: {
            'content-type': 'application/json',
          },
          data: {
            code: res.code,  //微信返的code
            userId: userId,  //登录注册时后端返给我的
            orderId: orderId, //用户提交时后端返给我的工单号
            sign: password,  //后端要求的serId + orderId加密
          },
          success: function (res) {
            // if (res.data.resultCode == "000000"){
              nonceStr = res.data.data.nonceStr;
              package2 = res.data.data.package;
              paySign = res.data.data.paySign;
              signType = res.data.data.signType;
              timeStamp = res.data.data.timeStamp;
              that.pay2()
            // }
             console.log(res.data.data.nonceStr)
              console.log(res.data.data.package)
              console.log(res.data.data.paySign)
              console.log(res.data.data.signType)
              console.log(res.data.data.timeStamp)
          },
          fail(err) {
            console.log(err)
          }
        })
      },
      fail(errs) {
        console.log(errs)
      }
    })

成功返回后，用户点击支付，调用微信支付接口wx.requestPayment：

后端设置好金额，用户调用即可支付

pay2() {
    wx.requestPayment(
      {
        timeStamp: timeStamp,  //时间戳
        nonceStr: nonceStr,  //随机字符串
        package: package2, //统一下单接口返回的 prepay_id 参数值
        signType: signType, //签名类型
        paySign: paySign, //签名
        success(res) {
          console.log(res)
          wx.navigateTo({
              url: '../successful/successful'
            })
        },
        fail(res) {
          console.log(res)
        }
      })
  },

最后我们的项目在调用微信wx.requestPayment 支付接口时，在success成功函数里请求了我方后端接口，获取状态码，判断是否支付成功。因为用户支付给微信，成功之后，只有用户能够看到，我方后端是获取不到是否支付成功的，请求这个接口就是这个目的。在微信请求支付成功之后，请求后端获取返回值。