微信公众号支付流程

处理兼容

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(res);
   }

支付配置

function onBridgeReady(res) {
    WeixinJSBridge.invoke(
        'getBrandWCPayRequest', {
            "appId": res.data.appId,     //公众号名称，由商户传入     
            "timeStamp": res.data.timeStamp,         //时间戳，自1970年以来的秒数     
            "nonceStr": res.data.nonceStr, //随机串     
            "package": res.data.package,
            "signType": res.data.signType,         //微信签名方式：     
            "paySign": res.data.paySign, //微信签名 
        },
        function (res) {
            if (res.err_msg == "get_brand_wcpay_request:ok") {
                window.location = urlGetPaySuccess + '?user_id=' + user_id + '&order=' + order + '&bus=' + bus + '&v=' + Math.random();
            }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。 
        }
    );
}

啊哈，前端部分工作就这些。