微信浏览器支付

jsapi

官网：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1

微信支付，在微信的浏览器中调用支付操作；

配置权限

支付授权目录配置；

授权域名配置；

代码开发

使用内置对象WeixinJSBridge来调用；

const weixinPay = function(payInfo){
    return new Promise((resolve, reject) => {
        WeixinJSBridge.invoke('getBrandWCPayRequest', payInfo, (res) => {
            resolve(res);
        });
    });
}

// 必须传递的参数
let payInfo = {
    "appId": "wx2421b1c4370ec43b", 
    "timeStamp": "1395712654", 
    "nonceStr": "e61463f8efa94090b1f366cccfbbb444", 
    "package": "prepay_id=u802345jgfjsdfgsdg888",
    "signType": "MD5", 
    "paySign": "70EA570631E4BB79628FBCA90534C63FF7FADD89" 
}

// 调用支付
weixinPay(payInfo).then((res) => {
    let msg = res.err_msg;
    if(msg == 'get_brand_wcpay_request:ok'){
        // 成功后的处理
    }else if(msg == 'get_brand_wcpay_request:cancel'){
        // 取消后的处理
    }else if(msg == 'get_brand_wcpay_request:fali'){
        // 失败后的处理
    }else{
        // 未知后的处理
    }
});