ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

微信浏览器唤起微信支付

2022-04-22 12:03:38  阅读:143  来源: 互联网

标签:pay 浏览器 微信 params res 唤起 document onBridgeReady


微信浏览器自带WeixinJSBridge方法直接调用就可以唤起微信支付

wxpay(data) {
    var ua = navigator.userAgent.toLowerCase();
    var isWeixin = ua.indexOf("micromessenger") != -1;
    pay(data).then((res) = > {
        if (res.success) {
            console.log(res.data.result);
            const pay_params = res.data.result;
            if (isWeixin) {
                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 {
                    this.onBridgeReady(pay_params);
                }
            } else {
                // this.goLoginPage (pay_params)
            }
        } else {
            Toast.fail("微信支付调起失败!");
        }
    }).
    catch ((err) = > {
        console.log(err);
    });
},
onBridgeReady(params) {
    const pay_params = params;
    WeixinJSBridge.invoke("getBrandWCPayRequest", {
        appId: pay_params.appId, //公众号名称,由商户传入
        timeStamp: pay_params.timeStamp, //时间戳,自1970年以来的秒数
        nonceStr: pay_params.nonceStr, //随机串
        package: pay_params.package,
        signType: pay_params.signType, //微信签名方式:
        paySign: pay_params.paySign, //微信签名
    }, function(res) {
        if (res.err_msg == "get_brand_wcpay_request:ok") {
            Toast.success("支付成功!");
        }
    });
},

 

标签:pay,浏览器,微信,params,res,唤起,document,onBridgeReady
来源: https://www.cnblogs.com/ziyoublog/p/16178252.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有