微信小程序支付包含uniapp方法超详细讲解_javascript技巧

微信支付官方流程图：

当用户点击购买按钮时，首先第一步要创建订单，后端需要提供下单接口（后端调用统一下单接口，也就是生成预支付交易单），该接口返回给前端一个订单id，此时订单处于待付款状态

// uniapp || 微信小程序PlaceAnOrder(params).then((res) => { const PayParams = { order_id: res.order_id }; // 接口返回的订单ID})

通过订单id调用后端接口拿到支付参数（后端调用预支付接口的时候拿到的参数）：appId、timeStamp、nonceStr、package、signType，不过要区别uniapp的写法，和官方大有不同

// 微信开发工具PlaceAnOrder(params).then((res) => { const wxPayParams = { order_id: res.data.order_id, }; fetchWxPay(wxPayParams).then((payRes) => { const { data } = payRes; // data包含了appId、timeStamp、nonceStr、package、signType，后端已对格式做处理，格式参考上面表格 const payData = { ...data, success(sucRes) { console.log('success', sucRes); }, fail(err) { console.log('err', err); }, complete() { console.log('complete'); }, }; }); });// uniapppayApi(PayParams).then((payRes) => { uni.getProvider({ service: 'payment', success: function (res) { let payConfing: any = {}; payConfing = { provider: res.provider[0], ...payRes, service: 5, success(sucRes) { console.log('success', sucRes); }, fail(err) { console.log('err', err); }, complete() { console.log('complete'); }, }, } })})

当一切参数都能拿到并且准确无误后调用微信官方接口wx.requestPayment，如果是uniapp则使用uni.requestPayment，具体参数说明参考：https://doc.dCloud.net.cn/uni-app-x/api/request-payment.html#requestpayment

到此这篇关于微信小程序支付包含uniapp方法的文章就介绍到这了,更多相关微信小程序支付包含uniapp内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

上一篇：使用Vue3开发鸿蒙的HelloWorld附详细实现代

下一篇：JavaScript中将其他类型的值转换为字符串的