微信公众号支付功能

Posted 2020-12-10 Decade。

需要的js
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>


wx.config({
                                debug: true, // 开启调试模式
                                appId: data.data.appId, // 公众号的唯一标识
                                timeStamp: data.data.timeStamp, // 生成签名的时间戳
                                nonceStr: data.data.nonceStr, // 生成签名的随机串
                                signature: data.data.paySign, // 签名
                                jsApiList: [‘chooseWXPay‘] // 填入需要使用的JS接口列表，这里是先声明我们要用到支付的JS接口
                            });    


function onBridgeReady() {
                WeixinJSBridge.invoke(
                    ‘getBrandWCPayRequest‘, {
                        "appId": appId, //公众号名称，由商户传入     
                        "timeStamp": timestamp, //时间戳，自1970年以来的秒数     
                        "nonceStr": nonceStr, //随机串     
                        "package": package,
                        "signType": signType, //微信签名方式：     
                        "paySign": signature //微信签名 
                    },
                    function(res) {

                        if(res.err_msg == "get_brand_wcpay_request:ok") {
                            alert(‘支付成功‘);

                            //支付成功后跳转的页面
                        } else if(res.err_msg == "get_brand_wcpay_request:cancel") {
                            alert(‘支付取消‘);

                        } else if(res.err_msg == "get_brand_wcpay_request:fail") {
                            alert(‘支付失败‘);
                            WeixinJSBridge.call(‘closeWindow‘);
                        } //使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。

                    });
            }