參考鏈接:https://pay.weixin.qq.com/wiki/doc/api/index.html
- 開通H5支付,注意:在申請時填寫的域名必須和調起H5支付訪問的頁面一樣!
- 跟小程序支付類似,拿到公眾號的appId, 商戶號、商戶秘鑰,
H5支付采坑問題記錄:
- 當所有參數准備好,並調用接口時,返回MWEB_URL如下:
訪問該鏈接,出現以下錯誤:
原因:商戶側統一下單傳的終端IP(spbill_create_ip)與用戶實際調起支付時微信側檢測到的終端IP不一致導致的,
(在網上找了各種各樣的方法,獲取本地真實的ip,全都無效,問題依舊如此)
解決方法:要獲取spbill_create_ip。在前端js中引入了搜狐的js庫,
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
document.write(returnCitySN["cip"]+','+returnCitySN["cname"]);
這條語句即可拿到手機端的真實ip,returnCitySN["cip"]將該值作為參數傳到后台,作為spbill_create_ip的值調起微信支付接口。
- 當前調起微信支付的域名和申請H5授權的域名不一致時會出現如下圖所示:
原因:當前調起微信支付的域名和申請H5授權的域名不一致。
解決方法:將該項目放到域名服務器上,並使得調起支付的訪問鏈接的域名和H5授權的域名一致!
- 解決以上兩個問題后,不能在瀏覽其中訪問返回的MWEB_URL,而是要通過前端類似於window.location.href=”MWEB_URL”去調用。
① 不能直接在手機微信端,必須在手機瀏覽器上調用。會提示“系統繁忙,請稍后再試”
② 不能pc端的瀏覽器中調用,會出現空白頁面。
至此!H5支付就算完成了,有問題的可以關注微信公眾號“莉嬸”,在后台回復“H5支付”,會有完整demo給出,嬸還會親自指導