微信支付WeixinJSBridge

Joe.Ye • 2023-03-25 • 微信支付 

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script type="text/javascript" src="assets/js/lib/jquery.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript">
        $(function() {
            $('a').on('click', function() {
                onBridgeReady();
            });
        });

        function onBridgeReady() {
            WeixinJSBridge.invoke(
                'getBrandWCPayRequest', {
                    "appId": "wx23841cce7185b550", //公众号名称，由商户传入     
                    "timeStamp": "1461299152", //时间戳，自1970年以来的秒数     
                    "nonceStr": "5719a7d0dcfe9", //随机串     
                    "package": "prepay_id=wx2016042212255470a7f75ae80873019950",
                    "signType": "MD5", //微信签名方式：     
                    "paySign": "A867D7C2E837646581832F3B3833BB4B" //微信签名 
                },
                function(res) {
                    if (res.err_msg == "get_brand_wcpay_request：ok") {} // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。 
                }
            );
        }
        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 {
            onBridgeReady();
        }
    </script>
</head>

<body>
    <a style="font-size: 20px;">分享一下</a>
</body>

</html>

版权声明：
作者：Joe.Ye
链接：https://www.appblog.cn/index.php/2023/03/25/wechat-payment-weixinjsbridge/
来源：APP全栈技术分享
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
打赏
海报
微信支付WeixinJSBridge
支付产品：https://pay.weixin.qq.com/wiki/doc/api/external/sl.html 统一下单：https://pay.weixin.qq.com/wiki/doc/api/external/native_sl.php?chapter=9……
<<上一篇
下一篇>>
文章目录
关闭
目 录