Home > Article > Web Front-end > Summarize the method of using WeChat public account payment in vue project
The content of this article is to summarize the payment methods using WeChat public accounts in the vue project. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
WeChat public account payment
The vuex used is in mutations
wechatPay (state, data) { state.payObject = data console.log('微信支付开始请求') if (wechat) { wx.chooseWXPay({ timestamp: state.payObject.timeStamp, // 支付签名时间戳 nonceStr: state.payObject.nonceStr, // 支付签名随机串,不长于 32 位 package: state.payObject.package, // 统一支付接口返回的prepay_id参数值 signType: state.payObject.signType, // 签名方式使用新版支付需传入'MD5' paySign: state.payObject.paySign, // 支付签名 success: function (res) { alert('成功') alert(JSON.stringify(res)) }, cancel: function (res) { alert('已取消支付') alert(JSON.stringify(res)) }, fail: function (res) { alert(JSON.stringify(res)) } }) } }
In commit
// 存储微信支付数据data let data = res.body.data console.log('即将跳转微信支付') this.$store.commit({ timeStamp: data.timeStamp, nonceStr: data.nonceStr, type: 'wechatPay', package: data.package, signType: data.signType, paySign: data.paySign })
这是因为不能在在微信开发者工具上测试,需要真机测试
需要配置正确的支付授权目录,vue的单页应用直接配置为域名就行。 其他需要配置为调用支付的上一级目录,以/结束
需要后台看一下openId配置
The above is the detailed content of Summarize the method of using WeChat public account payment in vue project. For more information, please follow other related articles on the PHP Chinese website!