首先引入微信开发文档的jssdk
https://res2./open/js/jweixin-1.6.0.js //注意必须用https,http苹果端调用会失败，安全性问题
微信公众号支付也需要用户的openid来唤醒支付，所以需要先登录，
https://open./connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect //scope未snsapi_base 则静默登录，无需用户点击确定按钮，只能获得用户的openid,如果要获取用户的公开信息,需要更改scope为snsapi_userinfo，这时候需要用户点击同意按钮才可继续执行，可获得用户公开信息（头像，昵称等）,redirect_url是登陆以后跳转的你的服务器，此地址必须为https且需要在公众号后台配置，重定向到该地址会携带code，如果使用vue的hash模式，则code会在#之前
先调用登录方法，获取code，此处为截取code值方法,将code发送给接口去获取用户的信息
export const getQueryString = (name) => {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r != null) {return decodeURIComponent(r[2]);}return '';}
在需要用到支付的页面，也就是页面加载时侯，先去调用wx的config完成相关配置
wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: appId, // 必填，公众号的唯一标识timeStamp: timestamp, // 必填，生成签名的时间戳nonceStr: nonce_str, // 必填，生成签名的随机串signature: signature, // 必填，签名jsApiList: ["chooseWXPay"], // 必填，需要使用的JS接口列表,此处仅用到了支付功能});
在点击支付按钮时，调用支付方法，具体代码示例如下
wx.ready(() => {wx.chooseWXPay({timestamp: 0, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符nonceStr: '', // 支付签名随机串，不长于 32 位package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）signType: '', // 微信支付V3的传入RSA,微信支付V2的传入格式与V2统一下单的签名格式保持一致paySign: '', // 支付签名success: function (res) {// 支付成功后的回调函数},fail:function(err){//失败回调}});}
