微信小程序-支付

微信小程序-支付

wx.requestPayment

wx.requestPayment 发起微信支付。(详情点击wx.requestPayment查看)

注意：
调用前需在小程序微信公众平台 -功能-微信支付入口申请接入微信支付

1、原理

1. 前端把信息传给后端

2. 后端根据信息 创建订单 再返回给我们 wx.requestPayment 方法需要的信息

3. 前端根据返回的信息，通过wx.requestPayment 唤起支付

2、代码实现

<view class="r-pay-btn">
	<button bindtap="goPay">去支付</button>
</view>

Page({
// 支付
  async goPay() {
    const { goodsTotalCount, saleOrderNo, phone} = this.data.cardInfo
    const data = {
      goodsTotalCount, 
      phone, 
      saleOrderNo 
    }
    // 调用接口 把信息传给后端
    const res = await createOrder(data)
    this.pay(res.data)
  },

  // 调用微信支付 api
  pay(param) {
    wx.requestPayment({
      timeStamp: param.timeStamp,
      nonceStr: param.nonceStr,
      package: param.packageValue,
      signType: param.signType,
      paySign: param.paySign,
      success: () => wx.navigateTo({
        url: `/pages/payResult/payResult?payStatus=true`
      }),
      fail: () => wx.navigateTo({
        // url: `/pages/payResult/payResult?payStatus=false`
      }),
      complete: () => {}
    })
  }
})
})