vue项目中实现微信公众号支付

文章来自:源码在线https://www.shengli.me/javascript/135.html

使用jssdk调用微信支付,具体如下:

 

vue项目中实现微信公众号支付

在支付页面中commit

 

vue项目中实现微信公众号支付 

支付点击完成按钮后前端会收到JavaScript的返回值;

 

接着后台收到来自微信开放平台的支付成功回调通知

 

遇到的几种情况:

 

chooseWXPay:fail,the permission value is offline verifying:

 

这是应为需要真机测试导致的,不能再微信开发者工具上测试;

 

下单账户与支付账户不一致:

 

需要后台看下openId配置

 

chooseWXPay:fail:

 

需要配置正确的支付授权目录,vue的单页应用直接配置为域名应用就可以,其他需要配置为调用支付的上一级目录,以/结束。