微信JSApi支付~集成到ＭＶＣ環境後的最後一個坑（網上沒有這種解決方案）

返回目錄

大叔第一人

以前寫了關於微信的坑《微信JSApi支付~坑和如何填坑》，今天將微信的jsapi支付封裝到了ＭＶＣ環境裏，固然也出現了一些新的坑，如支付參數應該是Json對象而不是Json字符串，這樣也會應付引發「get_brand_wcpay_request:fail_invalid appid」這個你們都知道的異常，呵呵，解決方案網上說是「受權目錄「，事實上，還有一種緣由，那就是你的WeixinJSBridge.invoke方法裏的參數應該是Json對象而不是字符串，這纔是最重要的。

代碼咱們須要寫成下面的格式

　　　　//調用微信JS api 支付
        function jsApiCall() {
            var price = 1.0;
            var no = '@Request.QueryString["orderNumber"]';
            var action = '@Url.Action("Get")';
            var openID = '@openID';
            $.get(action, { price: price, orderNumber: no, openID: openID }, function (data) {
                WeixinJSBridge.invoke('getBrandWCPayRequest', JSON.parse(data), function (res) {
                    WeixinJSBridge.log(res.err_msg);
                    alert(res.err_code + res.err_desc + res.err_msg);
                });
            });
        }

對於咱們封裝成ＭＶＣ後，因爲ＭＶＣ的路由將擴展名去除了，因此咱們的受權目錄也發生了變化，如Order/Pay這個頁面，在收取時應該是http://域名/Order/Pay/，而以前的http://域名/Order/這個級別就不被承認了，這點也要注意一下。

還有一點要註冊，若是你添加了測試受權目錄，那必需要添加測試用的白名單，不然你的微信也測試不了。

大叔封裝的MVC版的微信JSAPI支付

    /// <summary>
    /// 構建支付處理類
    /// </summary>
    public class JsApiImplement
    {
        public static string wxJsApiParam { get; set; } //H5調起JS API參數

       /// <summary>
       /// 返回當前微信客戶端的OpenId，每一個客戶端在每一個公衆號裏的OpenId是惟一的
       /// </summary>
       /// <returns></returns>
        public static string GetOpenId()
        {
            JsApiPay jsApiPay = new JsApiPay(System.Web.HttpContext.Current);
            jsApiPay.GetOpenidAndAccessToken();
            Log.Debug("GetOpenId", "openid : " + jsApiPay.openid);
            return jsApiPay.openid;
        }


        /// <summary>
        /// JsApi返回微信支付的鏈接參數，這個方法須要前臺UI頁面調用，一般可使用AJAX進行調用它
        /// </summary>
        /// <param name="total_fee">訂單金額</param>
        /// <param name="orderId">業務的訂單編號</param>
        /// <returns></returns>
        public static string Send(int total_fee, string orderId, string openId)
        {
            try
            {
                //調用【網頁受權獲取用戶信息】接口獲取用戶的openid和access_token
                //jsApiPay.GetOpenidAndAccessToken();
                JsApiPay jsApiPay = new JsApiPay(System.Web.HttpContext.Current);
                jsApiPay.openid = openId;
                Log.Debug("Send", "openid : " + jsApiPay.openid);
                //若傳遞了相關參數，則調統一下單接口，得到後續相關接口的入口參數,微信的價格是分
                jsApiPay.total_fee = total_fee;
                WxPayData unifiedOrderResult = jsApiPay.GetUnifiedOrderResult(orderId);
                wxJsApiParam = jsApiPay.GetJsApiParameters();//獲取H5調起JS API參數                    
                Log.Debug("Send", "wxJsApiParam : " + wxJsApiParam);
            }
            catch (Exception ex)
            {
                Log.Error("Error", ex.Message);
            }
            return wxJsApiParam;
        }

        /// <summary>
        /// JsApi微信回調
        /// </summary>
        public static void Notify(Action<NotifyModel> action)
        {
            var context = System.Web.HttpContext.Current;
            ResultNotify resultNotify = new ResultNotify(context);
            resultNotify.ProcessNotify(action);
        }
    }

對於使用者來講，也很簡單，在頁面上拿OpenId，以後把OpenId傳到後臺方法，拿到微信支付的參數對象（ＪＳＯＮ對象），以後完成支付

<script type="text/javascript">

    //調用微信JS api 支付
    function jsApiCall() {
        $.get("/weixin/get", new { money: 1, order: '001', openId: 'test' }, function (data) {
            WeixinJSBridge.invoke('getBrandWCPayRequest', JSON.parse(data), function (res) {
                WeixinJSBridge.log(res.err_msg);
                alert(res.err_code + res.err_desc + res.err_msg);
            });
        });
    }

    function callpay() {
        if (typeof (WeixinJSBridge) == "undefined") {
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
            }
            else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', jsApiCall);
                document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
            }
        }
        else {
            jsApiCall();
        }
    }

</script>

<body>
    <a href="javascript:void(0)" onclick="callpay();return false;">當即支付</a>
</body>

但願你們一塊兒來找各類坑，而後把坑填上，分享給你們！

微信JSApi支付~坑和如何填坑

返回目錄