UNIAPP H5微信支付

uniapp前端实现微信支付（小程序、公众号H5、app）_uniapp 微信支付-优快云博客

WeixinJSBridge.invoke(
    'getBrandWCPayRequest', {
        // 传入第一步后端接口返回的核心参数
        "appId": 'APPID', //公众号APPID
        "timeStamp": res.timestamp, //时间戳
        "nonceStr": res.nonceStr, //随机串
        "package": res.package, //prepay_id
        "signType": res.signType, //微信签名方式RSA
        "paySign": res.paySign //微信签名
    },
    function(res) {
        // 支付成功
        if (res.err_msg == "get_brand_wcpay_request:ok") {
            // 使用以上方式判断前端返回,微信团队郑重提示：
            //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
        }
        // 支付过程中用户取消
        if (res.err_msg == "get_brand_wcpay_request:cancel") {

        }
        // 支付失败
        if (res.err_msg == "get_brand_wcpay_request:fail") {

        }
        /**
        * 其它
        * 1、请检查预支付会话标识prepay_id是否已失效
        * 2、请求的appid与下单接口的appid是否一致
        * */
        if (res.err_msg == "调用支付JSAPI缺少参数：total_fee") {

        }
});