标签：生成 lse 取出 进入 The tao state 格式 window
微信SDK官方文档地址：http://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3
1，第一步需要对单页面中的用到支付页面进行config初始化配置，方法如下：
wxConfig({url}).then(res => {
const data = res.data;
Wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: data.appId, // 必填，公众号的唯一标识
timestamp:data.timestamp , // 必填，生成签名的时间戳
nonceStr: data.nonceStr, // 必填，生成签名的随机串
signature: data.signature,// 必填，签名
jsApiList: [‘chooseWXPay‘] // 必填，需要使用的JS接口列表
});
})
wxConfig()方法调用后台的接口，获取配置需要的参数，这一步看是很简单，但请求参数url是个坑，ios和安卓有很大的差别，解决办法如下：
//支付时config需要的url export function getConfigUrl(){ let u = window.navigator.userAgent; let isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1; //android终端 let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 //安卓需要使用当前URL进行微信API注册（即当场调用location.href.split(‘#‘)[0]） //iOS需要使用进入页面的初始URL进行注册，（即在任何pushstate发生前，调用location.href.split(‘#‘)[0]） let url = ‘‘; if (isiOS) { url = window.sessionStorage.getItem("configUrl");//获取初始化的url } else { url = window.location.href.split(‘#‘)[0]; } return url; }
可以看到ios很麻烦，需要在进入的页面设置一个strorage,储存当前的url，然后在支付的页面从stroage再获取出来传给后台，所以在index页面需要加入如下代码：
getPayData(state).then(res => { //console.log(res,‘支付数据‘) console.log( res.data.getewayResult.package,‘package‘); var dataObj=res.data.getewayResult; Wx.chooseWXPay({ timestamp:dataObj.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符 nonceStr:dataObj.nonceStr, // 支付签名随机串，不长于 32 位 package:dataObj.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*） signType:dataObj.signType, // 签名方式，默认为‘SHA1‘，使用新版支付需传入‘MD5‘ paySign:dataObj.paySign,// 支付签名 success: function (res) { This.setState({ paySuccessVisible:true }) } }); }).catch(err => { Toast.info(err.message); })
标签：生成 lse 取出 进入 The tao state 格式 window
原文地址：https://www.cnblogs.com/dglblog/p/9665387.html
