Crazy
/
DZBUG----YDM


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>支付测试页</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head>
<body>
<div>点击如下按钮，发起支付的测试</div>
<div>
    <button id="wx_pub">微信公众号</button>
</div>
</body>
<script>
    let shopOrderId = undefined;
    let payOrderId = undefined;
    let server = 'http://127.0.0.1:28080';
    $(function() {
        // 获得 JsapiTicket
        // 参考 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 文档
        $.ajax({
            url: server + "/api/wx/mp/create-jsapi-signature?url=" + document.location.href,
            method: 'POST',
            success: function( result ) {
                if (result.code !== 0) {
                    alert('获取 JsapiTicket 失败，原因：' + result.msg)
                    return;
                }
                var jsapiTicket = result.data;
                jsapiTicket.jsApiList = ['chooseWXPay'];
                jsapiTicket.debug = false;

                // 初始化 JS
                wx.config(jsapiTicket);
            }
        });

        // 自动发起商城订单编号
        $.ajax({
            url: server + "/api/shop/order/create",
            method: 'POST',
            success: function( result ) {
                if (result.code !== 0) {
                    alert('创建商城订单失败，原因：' + result.msg)
                    return;
                }
                shopOrderId = result.data.id;
                payOrderId = result.data.payOrderId;
                console.log("商城订单：" + shopOrderId)
                console.log("支付订单：" + payOrderId)
            }
        })
    })

    // 微信公众号
    $( "#wx_pub").on( "click", function() {
        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()
        }

        function onBridgeReady() {
            $.ajax({
                url: server + "/api/pay/order/submit",
                method: 'POST',
                dataType: "json",
                contentType: "application/json",
                data: JSON.stringify({
                    "id": payOrderId,
                    "channelCode": 'wx_pub',
                }),
                success: function( result ) {
                    if (result.code !== 0) {
                        alert('提交支付订单失败，原因：' + result.msg)
                        return;
                    }
                    alert('开始调用微信支付');
                    let data = result.data.invokeResponse;
                    wx.chooseWXPay({
                        timestamp: data.timeStamp,
                        nonceStr: data.nonceStr,
                        package: data.package,
                        signType: data.signType,
                        paySign: data.paySign,
                        success: function (res) {
                            alert(JSON.stringify(res));
                        },
                        error: function(e) {
                            alert(JSON.stringify(e));
                        }
                    });
                }
            })
        }
    });
</script>
</html>