微信 H5 调起微信支付

通过 JSSDK 的 chooseWXPay 调起支付，以及 hash 模式下的地址校验兼容。

vue hash 模式

具体注意事项查看官方文档

登陆商户号对应的商户平台--"产品中心"--"开发配置"配置支付路径。
在需要支付的页面配置注入 js-sdk。
调用 js sdk 微信支付 api。

SDK_config([
    'chooseWXPay'
])

 // 调用后台接口 生成 签名等信息后调用 sdk api
let wx_sdk_pay = data =>{
    return new Promise((rs,rj)=>{
        wx.ready(function(e){
            wx.chooseWXPay({
                'timestamp': data.timestamp,            // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                'nonceStr': data.noncestr,              // 支付签名随机串，不长于 32 位
                'package': data.package,                // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
                'signType': data.signType,              // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
                'paySign': data.sign,                   // 支付签名
                success: function (res) {
                    // 支付成功后的回调函数
                    // console.log('chooseWXPay_suc:',res)
                    res['pay_status'] = 'success';
                    rs(res);
                },
                cancel:function(res){ // 取消
                    res['pay_status'] = 'cancel';
                    rs(res);
                },
                fail:err=>{
                    console.warn('调用支付sdk失败 chooseWXPay_err',JSON.stringify(err));
                    rj(err);
                }
            });
        });
    })
}

安卓对会对当前页地址进行验证，而ios则会对最后一次刷新进行验证


//当前url更改/ sdk 支付 验证地址失败
let compatible_wx_pay = (curHref = location.href,isReturn=false)=>{
    let u = navigator.userAgent;
    if(curHref.indexOf('?a=1')==-1){                    //判断是否 存在'?a=1'忽略后面参数/识别为当前目录生成订单（兼容安卓）
    	// if(u.indexOf('Android') > -1 || u.indexOf('Linux') > -1){
            let curHrefArr = curHref.split('#');
            if(isReturn)return `${curHrefArr[0]}?a=1#${curHrefArr[1]}`;
    		location.href = `${curHrefArr[0]}?a=1#${curHrefArr[1]}`
    	// }
    }
    if(isReturn)return curHref;
}

注：

商户平台配置支付路径上限5个。
hash情况下，ios对最后一次刷新页面进行地址校验，安卓会对当前页面地址进行校验，包含hash部分，'?'后忽略

uni-vue-hash 多个页面支付解决方案

1. hash情况下对hash部分进行切断用'?'拼接。
2. 统一支付页面，用浏览器路由location切换到支付页，这样只需要配置支付页的支付路径。

微信 H5 调起微信支付

安卓对会对当前页地址进行验证，而ios则会对最后一次刷新进行验证

注：

相关