微信公眾號支付JSSDK

參考地址： https://www.cnblogs.com/oppoic/p/6132533.html

 

一、調用微信的JS文件

1.首先要綁定【JS接口安全域名】，“公眾號設置”的“功能設置”中

2.引入JS文件

　備注：支持使用 AMD/CMD 標准模塊加載方法加載

1 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

3.通過config接口注入權限驗證配置

wx.config({
    debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
    appId: '', // 必填，公眾號的唯一標識
    timestamp: , // 必填，生成簽名的時間戳
    nonceStr: '', // 必填，生成簽名的隨機串
    signature: '',// 必填，簽名，見附錄1
    jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，這里只寫支付的
});

 

 

 

用戶點擊支付觸發的函數（微信JSSDK的chooseWXPay函數）：

        function startWxPay() {
            $.ajax({
                type: "POST",
                url: "/WxPay/GetPaySign",
                data: { code: code, openid: openid },
                beforeSend: function () {
                    $("#btnPay").attr({ "disabled": "disabled" });
                },
                success: function (res) {
                    $("#btnPay").removeAttr("disabled");
                    if (res.openid != null && res.openid != undefined && res.openid != "") {
                        window.localStorage.setItem("openid", res.openid);
                    }
                    wx.chooseWXPay({
                        timestamp: res.data.timeStamp, // 支付簽名時間戳
                        nonceStr: res.data.nonceStr, // 支付簽名隨機串，不長於32 位
                        package: res.data.package, // 統一支付接口返回的prepay_id參數值，提交格式如：prepay_id=***）
                        signType: "MD5", // 簽名方式，默認為'SHA1'，使用新版支付需傳入'MD5'
                        paySign: res.data.paysign, // 支付簽名
                        success: function (res) {
                            //支付成功
                        },
                        cancel: function (res) {
                            //支付取消
                        }
                    });
                }
            });
        }