微信公众号支付
1. 使用jssdk调用微信支付,具体查看开发文档;
使用的vuex,在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)) } }) } }
在支付页面中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 })
2. 支付点击完成按钮后,前端会收到JavaScript的返回值;
3. 后台收到来自微信开放平台的支付成功回调通知
踩坑
1. chooseWXPay:fail, the permission value is offline verifying
这是因为不能在在微信开发者工具上测试,需要真机测试
2. chooseWXPay:fail
需要配置正确的支付授权目录,vue的单页应用直接配置为域名就行。
其他需要配置为调用支付的上一级目录,以/结束
3. 下单账户与支付账户不一致
需要后台看一下openId配置
总结
以上所述是小编给大家介绍的vue项目使用微信公众号支付总结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年09月20日
2024年09月20日
- 《第9层》游戏特色玩法介绍
- 刀郎.2006-刀郎【九雨天下】【WAV+CUE】
- 59.9高校生.1994-素兰万岁【上华】【WAV+CUE】
- ECHO.1991-你是爱我还是需要我(国专)【EMI百代】【WAV+CUE】
- 交错战线零课主线困难通关阵容推荐一览
- 交错战线挖掘矿场角色推荐攻略
- 命运圣契公测平民阵容怎么搭配 新手开荒平民阵容攻略
- 金梅《现代发烧的声音2》发烧碟[WAV+CUE]
- 雨果唱片-《历史录音珍藏系列-现代芭蕾舞剧·红色娘子军》2CD【WAV】
- [雨果唱片]李冰《地方民歌·戏曲系列-爱的颂歌》WAV
- 《模拟人生》真人电影官宣!玛格特·罗比担任制片人
- 《星战绝地》系列玩家数超4000万!续作表现超预期
- EA称AI是其业务核心!能提高开发效率、节约成本
- 《十年经典成名好歌 高品质最佳音乐 2CD》[WAV/分轨][1GB]
- 《8个男人的故事 2CD》[WAV/分轨][1GB]