php微信公众号支付vue,vue项目使用微信公众号支付总结及遇到的坑

微信公众号支付

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项目使用微信公众号支付总结，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

php微信公众号支付vue,vue项目使用微信公众号支付总结及遇到的坑相关推荐

微信小程序开发教程：项目一微信小程序入门课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题 1.请简述微信开发者工具中调试器功能. 2.请简述微信小 ...
nui-app vue.js项目实战---微信小程序
基于uni-app的小程序项目编写什么是uni-app? uni-app基于vue.js开发的前端应用框架,同一套代码可以在ios.安卓.h5,以及各种小程序使用. 开发工具 HBuilderX 下 ...
Vue - 实现微信扫码登录功能（项目植入微信扫码登录功能）超详细完整流程详解及详细代码及注释，附带完整功能源码、常见问题解决方案
前言如果您需要 Nuxt.js 版本的教程,请访问 Nuxt.js - 微信扫码登录功能. 网上的大部分教程都太乱且没有任何注释和解释,对于新手而言简直是根本无从下手, 本文将站在新手小白的角度,从 ...
微信小程序开发教程：项目二微信小程序开发基础课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题 1.请简单描述页面样式的单位rpx与px的关系. 2.简 ...
瑶镶富分享之利用公众号运营小说平台项目，实现业余赚钱
本人原本是个小宅,一天打开电脑,渣渣辉带我进手游,后来大哥来了直接带我打沙城得了装备卖给回收官!轻松月收入八至十万! 第一桶金以后有点资金了,再找了各种网贷代了点款,找了深圳一点点和COCO还有益禾堂 ...
9 个你应该知道的支付系统开源项目
如果你希望学习如何实现支付系统,那么本文为大家列出的码云上 9 个优秀的支付开源项目,将有助于你了解在自己的应用中如何加入对支付功能的支持,希望能给大家带来一点帮助.不足之处,欢迎讨论交流:) 项目名 ...
vue开发项目微信公众号授权支付开发
一.注册微信公众号服务号并填写企业信息(个人订阅号没有开发微信支付的权限) 链接: https://mp.weixin.qq.com/ 二.在微信公众号内进行微信认证(3-5个工作日) 三.在微信公众 ...
Vue项目对接微信公众号踩坑日记
之前做项目都是pc端的,还是第一次做移动端项目,而且上来就要接入app 和微信公众号两个平台,最终查阅多方文档,耗费几周时间还是完成了项目,这篇文章也算是记录一下自己的完成思路以及一些想法,希望能帮到 ...
如何在微信中(微信公众号页面)给Vue单页应用设置标题
楼主最近在微信公众号H5页面,刚好遇到了这个问题,以此记录下第一次写好紧张,谢谢各位的支持! 本人的开发环境是vue-cli2创建的项目,由于是vue的项目,所以每个页面的标题设置就成了问题,刚度娘 ...

php微信公众号支付vue,vue项目使用微信公众号支付总结及遇到的坑

php微信公众号支付vue,vue项目使用微信公众号支付总结及遇到的坑相关推荐

最新文章

热门文章