Vue公众号微信支付

需要获取的支付信息：
openid、attach（备注）、body（支付标题）、out_trade_no（订单号）、total_fee（订单价格，单位分，100是一元）、goods_tag（订单类型）

获取支付信息

getPayInfo() {let formData = {openid：'用户的openid',attach：'备注',body: '支付标题',out_trade_no: '订单号',total_fee: 100,goods_tag: '订单类型'}axios({method: 'post',baseURL: '',url: '（支付接口地址）',data: qs.stringify(formData)}).then((res) => {console.log(res.data)this.data= res.data}).catch((error) => {console.log(error)})
},

点击支付，判断是否是微信浏览器，微信浏览器打开才会获取到WeixinJSBridge

// 微信支付
pay() {if (typeof WeixinJSBridge == "undefined") {console.log("请使用微信浏览器打开")} else {WeixinJSBridge.invoke('getBrandWCPayRequest', {"appId": '公众账号ID',"timeStamp": '时间戳',"nonceStr": '随机串',"package": '预支付交易码',"signType": "MD5", //微信签名方式"paySign": '微信签名'}, (res) => {this.test = resif (res.err_msg == "get_brand_wcpay_request:ok") {this.$message({showClose: true,type: 'success',message: res.data.msg,})} else {alert("支付取消");}})}
},

Hash模式下会有#，微信支付需要读取授权目录，添加?就不会读取到?之后的路由地址

created() {var url = window.location.protocol + "//" + window.location.host + "/?#/Pay/?id=" + this.$route.query.idwindow.location.href = urlvar u = navigator.userAgent,app = navigator.appVersion;var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);if (isAndroid) {this.isAndroid = true;}if (isIOS) {this.isIos = true;}
},

Vue公众号微信支付相关推荐

公众号微信支付ios和android,uni-app微信公众号支付和分享，特别是ios下的配置，完美解决...
一.支付由于在ios中uni-app发布的应用是单应用,不管访问哪个页面,始终记录的是首次进来的那个页面. 这样的话,在微信支付签名时会报签名不对的错误.怎么解决? 老王的解决方案是在main.js ...
weixin-java-pay实现公众号微信支付与退款
内容来自:https://www.jianshu.com/p/0a0ccc15cb80 pom.xml 文件需要在 pom.xml 加入以下依赖! <dependency><gro ...
uniapp公众号微信支付
1.安装jssdk npm install jweixin-module --save 2.调用 <template><viewstyle="width: 100%;hei ...
公众号微信支付开发手记
作者:wallimn 时间:2017-02-27 本人原创,欢迎转载,转载请保留本文链接.本文地址:http://wallimn.iteye.com/blog/2359379 花了两天时间,琢磨了一下 ...
微信sdk 公众号微信支付 NFC 坑笔记
微信sdk--微信支付--NFC项目坑&笔记微信公众号开发的环境配置准备工作 & 微信公众平台配置 & 环境配置微信的登录流程(即授权机制)遵循OAuth2.0标准,实 ...
php 公众号微信支付流程,微信公众号支付完整流程案例
简介微信公众号支付,顾名思义就是必须在微信中实现支付,并且需要公众号配合. 教程由于我们使用的是第三方封装好的接口,这里省去了我们自己配置公众号.为什么用第三方?因为个人没有申请权限. 交互细节: ...
公众号微信支付ios和android,【微信支付】
跳转到还款小程序 var extraData = { appid:wxcbda96de0b165486, sub_appid:wxcbda96de0b165482, mch_id:1900009231 ...
大商创微信公众号微信支付失败报错
支付失败链接支付失败 https://XXX/mobile/onlinepay/index/index/order_sn/2018042715565982911.html 支付成功 https:// ...
微信公众号H5支付遇到的那些坑
简史官方文档说的很清楚,商户已有H5商城网站,用户通过消息或扫描二维码在微信内打开网页时,可以调用微信支付完成下单购买的流程. 当然,最近微信支付平台也加入了纯H5支付,也就是说用户可以在微信以外的 ...

Vue公众号微信支付

Vue公众号微信支付相关推荐

最新文章

热门文章