微信小程序-支付
wx.requestPayment
wx.requestPayment 发起微信支付。(详情点击wx.requestPayment查看)
注意:
调用前需在小程序微信公众平台 -功能-微信支付入口申请接入微信支付
1、原理
-
前端把信息传给后端
-
后端根据信息 创建订单 再返回给我们
wx.requestPayment
方法需要的信息 -
前端根据返回的信息,通过
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: () => {}
})
}
})
})