H5支付完整demo及問題總結【已解決】


參考鏈接:https://pay.weixin.qq.com/wiki/doc/api/index.html

  1. 開通H5支付,注意:在申請時填寫的域名必須和調起H5支付訪問的頁面一樣!
  2. 跟小程序支付類似,拿到公眾號的appId, 商戶號、商戶秘鑰,

H5支付采坑問題記錄:

  1. 當所有參數准備好,並調用接口時,返回MWEB_URL如下:

MWEB_URL= https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx20161110163838f231619da20804912345&package=1037687096

訪問該鏈接,出現以下錯誤:

 

原因:商戶側統一下單傳的終端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的值調起微信支付接口。

  1. 當前調起微信支付的域名和申請H5授權的域名不一致時會出現如下圖所示:

原因:當前調起微信支付的域名和申請H5授權的域名不一致。

解決方法:將該項目放到域名服務器上,並使得調起支付的訪問鏈接的域名和H5授權的域名一致!

  1. 解決以上兩個問題后,不能在瀏覽其中訪問返回的MWEB_URL,而是要通過前端類似於window.location.href=”MWEB_URL”去調用。

① 不能直接在手機微信端,必須在手機瀏覽器上調用。會提示“系統繁忙,請稍后再試”

 

② 不能pc端的瀏覽器中調用,會出現空白頁面。

 

至此!H5支付就算完成了,有問題的可以關注微信公眾號“莉嬸”,在后台回復“H5支付”,會有完整demo給出,嬸還會親自指導

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM