當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

微信JSAPI支付跟所遇到的那些坑

發布時間：2024/3/13 javascript 26 豆豆

生活随笔收集整理的這篇文章主要介紹了微信JSAPI支付跟所遇到的那些坑小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

首先介紹一下我在調用微信支付接口使用的是?weixin.senparc SDK，非常方便好用開源的一個微信開發SDK。

weixin.senparc SDK?官網：http://weixin.senparc.com/

先去下載下來Senparc.Weixin SDK。

在調起支付接口之前，需要先要調用統一下單接口，商戶系統先調用該接口在微信支付服務后臺生成預支付交易單，返回正確的預支付交易回話標識后再在APP里面調起支付。

?微信?JsApi支付在這個目錄下?Senparc.Weixin.MP.Sample.Controllers 找到JsApi支付。

public ActionResult JsApi(string code, string state){if (string.IsNullOrEmpty(code)){return Content("您拒絕了授權！");}if (!state.Contains("|")){//這里的state其實是會暴露給客戶端的，驗證能力很弱，這里只是演示一下//實際上可以存任何想傳遞的數據，比如用戶ID，并且需要結合例如下面的Session["OAuthAccessToken"]進行驗證return Content("驗證失敗！請從正規途徑進入！1001");}try{//獲取產品信息var stateData = state.Split('|');int productId = 0;ProductModel product = null;if (int.TryParse(stateData[0], out productId)){int hc = 0;if (int.TryParse(stateData[1], out hc)){var products = ProductModel.GetFakeProductList();product = products.FirstOrDefault(z => z.Id == productId);if (product == null || product.GetHashCode() != hc){return Content("商品信息不存在，或非法進入！1002");}ViewData["product"] = product;}}//通過，用code換取access_tokenvar openIdResult = OAuthApi.GetAccessToken(TenPayV3Info.AppId, TenPayV3Info.AppSecret, code);if (openIdResult.errcode != ReturnCode.請求成功){return Content("錯誤：" + openIdResult.errmsg);}string sp_billno = Request["order_no"];if (string.IsNullOrEmpty(sp_billno)){//生成訂單10位序列號，此處用時間和隨機數生成，商戶根據自己調整，保證唯一sp_billno = string.Format("{0}{1}{2}", TenPayV3Info.MchId, DateTime.Now.ToString("yyyyMMdd"),TenPayV3Util.BuildRandomStr(10));}else{sp_billno = Request["order_no"];}var timeStamp = TenPayV3Util.GetTimestamp();var nonceStr = TenPayV3Util.GetNoncestr();var body = product == null ? "test" : product.Name;var price = product == null ? 100 : product.Price * 100;var xmlDataInfo = new TenPayV3UnifiedorderRequestData(TenPayV3Info.AppId, TenPayV3Info.MchId, body, sp_billno, price, Request.UserHostAddress, TenPayV3Info.TenPayV3Notify, TenPayV3Type.JSAPI, openIdResult.openid, TenPayV3Info.Key, nonceStr);var result = TenPayV3.Unifiedorder(xmlDataInfo);//調用統一訂單接口//JsSdkUiPackage jsPackage = new JsSdkUiPackage(TenPayV3Info.AppId, timeStamp, nonceStr,);var package = string.Format("prepay_id={0}", result.prepay_id);ViewData["appId"] = TenPayV3Info.AppId;ViewData["timeStamp"] = timeStamp;ViewData["nonceStr"] = nonceStr;ViewData["package"] = package;ViewData["paySign"] = TenPayV3.GetJsPaySign(TenPayV3Info.AppId, timeStamp, nonceStr, package, TenPayV3Info.Key);return View();}catch (Exception ex){var msg = ex.Message;msg += " " + ex.StackTrace;msg += " ==Source== " + ex.Source;if (ex.InnerException != null){msg += " ===InnerException=== " + ex.InnerException.Message;}return Content(msg);}}

先在微信服務后臺生成預支付交易單，獲得預支付訂單號。

先說說在統一下單這里遇到的坑。

1.在統一下單的時候解析返回結果,一直出現以下問題：您沒有JSAPI支付權限

1）先看看你的公眾號微信支付設置是否正確。

關于如何配置微信支付：可以參考這個?http://jingyan.baidu.com/article/77b8dc7fef360d6174eab690.html

2）檢查你的授權目錄是否正確，格式要這樣，后面記得別漏了一個/ ? 例如：http://test.cn/u/

3）檢查需要傳過去的賬戶參數，上公眾號還有商戶號檢查你的賬戶參數是否正確。我在開發當中就出現，微信公眾號商戶號，appid 是分別不同兩個公眾號的，坑啊，找了好久，覺得不對勁，原來是給的配置參數密鑰不對。

?這里詳細說一下對應的參數：

MCHID：商戶號（必須配置，開戶郵件中可查看）,商戶申請微信支付后，由微信支付分配的商戶收款賬號。

APPID：微信開放平臺審核通過的應用APPID,appid是微信公眾賬號或開放平臺APP的唯一標識，在公眾平臺申請公眾賬號或者在開放平臺申請APP賬號后，微信會自動分配對應的appid用于標識該應用?？稍谖⑿殴娖脚_-->開發者中心查看，商戶的微信支付審核通過郵件中也會包含該字段值.

KEY：商戶支付密鑰，參考開戶郵件設置（必須配置，登錄商戶平臺自行設置）,交易過程生成簽名的密鑰，僅保留在商戶系統和微信支付后臺，不會在網絡中傳播。商戶妥善保管該Key，切勿在網絡中傳輸，不能在其他客戶端中存儲，保證key不會被泄漏。商戶可根據郵件提示登錄微信商戶平臺進行設置。也可按一下路徑設置：微信商戶平臺(pay.weixin.qq.com)-->賬戶設置-->API安全-->密鑰設置.
APPSECRET：公眾帳號secert（僅JSAPI支付的時候需要配置，登錄公眾平臺，進入開發者中心可設置）

2.在統一下單，解析返回來的結果我出現了商戶號mch_id與appid不匹配這個問題

原因是我拿到的商戶號不是這個公眾號的。一定要檢查是不是這個公眾號的商戶號。

3.在統一下單，解析返回來的結果出現?appid and openid not match，appid和openid不匹配。

原因是我這個用戶的openid 不是這個公眾號的

3.在統一下單，解析返回來的結果出現?CDATA[openid is invalid],openid無效

原因是，傳過去不是有效的opendid。不小心看錯了，把用戶id 當做openid傳過去了。

當統一下單成功，會返回以下格式的參數

解析獲得預支付單號：

string prepayId = res.Element("xml").Element("prepay_id").Value; //獲取預支付訂單號

給頁面對應地參數

ViewData["appId"] = TenPayV3Info.AppId;ViewData["timeStamp"] = timeStamp;ViewData["nonceStr"] = nonceStr;ViewData["package"] = package;ViewData["paySign"] = TenPayV3.GetJsPaySign(TenPayV3Info.AppId, timeStamp, nonceStr, package, TenPayV3Info.Key);

靜態頁面js調用：

wx.chooseWXPay({timestamp: 0, // 支付簽名時間戳，注意微信jssdk中的所有使用timestamp字段均為小寫。但最新版的支付后臺生成簽名使用的timeStamp字段名需大寫其中的S字符nonceStr: '', // 支付簽名隨機串，不長于 32 位package: '', // 統一支付接口返回的prepay_id參數值，提交格式如：prepay_id=***）signType: '', // 簽名方式，默認為'SHA1'，使用新版支付需傳入'MD5'paySign: '', // 支付簽名success: function (res) { if (res.err_msg == "get_brand_wcpay_request:ok") {//支付成功} else {
//支付失敗
}
? // 使用以上方式判斷前端返回,微信團隊鄭重提示：res.err_msg將在用戶支付成功后返回ok，但并不保證它絕對可靠。} });

總結

以上是生活随笔為你收集整理的微信JSAPI支付跟所遇到的那些坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

JsAPI

上一篇： CSS3干货23：常用字体样式设置
下一篇： DSP震动座椅

javascript

微信JSAPI支付 跟 所遇到的那些坑

總結

微信JSAPI支付跟所遇到的那些坑