uniapp开发H5微信支付

        1.调用后台接口返回支付签名所需参数      
uni.request({
        url: this.baseUrl + "api/goods/order/pay",
        method: 'post',
        header: {
          'sign': this.sign,
          'timestamp': this.timestamp,
          'Authorization': 'bearer ' + this.access_token
        },
        data: {
               order_id: res.data.data.id,
               pay_way: 5,
              address_id: this.dzInfo.id
        },
    success: res => {
      console.log('zfcs', res)
    if (res.data) {
    if (typeof WeixinJSBridge == "undefined") {
    if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady',                                                onBridgeReady, false);
    } else if (document.attachEvent) {
                                                document.attachEvent('WeixinJSBridgeReady',
                                                    onBridgeReady);
                                                document.attachEvent('onWeixinJSBridgeReady',
                                                    onBridgeReady);
                                            }
                                        } else {
                                            WeixinJSBridge.invoke(
                                                'getBrandWCPayRequest', {
                                                    "appId": res.data.appId, //公众号ID,由商户传入     
                                                    "timeStamp": res.data.timeStamp, //时间戳,自1970年以来的秒数     
                                                    "nonceStr": res.data.nonceStr, //随机串     
                                                    "package": res.data.package,
                                                    "signType": res.data.signType, //微信签名方式:     
                                                    "paySign": res.data.paySign //微信签名 
                                                },
                                                function(res) {
                                                    if (res.err_msg =="get_brand_wcpay_request:ok") {
                                                        uni.navigateTo({
                                                            url: '../zfcg/zfcg'
                                                        })
                                                        // 使用以上方式判断前端返回,微信团队郑重提示:
                                                        //res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。
                                                    }
                                                });
                                        }
                                    } else {
                                        uni.showToast({
                                            title: res.data.message,
                                            icon: 'none',
                                            duration: 2000
                                        });
                                    }
                                },
                                fail: () => {},
                                complete: () => {}
                            });

你可能感兴趣的:(uniapp开发H5微信支付)