***新版微信H5支付技術總結（原創）

新版微信H5支付官方文檔：

https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=9_20&index=1

 

H5支付是指商戶在微信客戶端外的移動端網頁展現商品或服務，用戶在前述頁面確認使用微信支付時，商戶發起本服務呼起微信客戶端進行支付。 主要用於觸屏版的手機瀏覽器請求微信支付的場景。能夠方便的從外部瀏覽器喚起微信支付。

 

請求參數 重點：

終端IP   必須傳正確的用戶端IP

交易類型  trade_type    H5支付的交易類型爲MWEB

場景信息   scene_info

該字段用於上報支付的場景信息,針對H5支付有如下三種場景,請根據對應場景上報,H5支付不建議在APP端使用，針對場景1，2請接入APP支付，否則可能會出現兼容性問題

1，IOS移動應用
{"h5_info": //h5支付固定傳"h5_info"
{"type": "", //場景類型
"app_name": "", //應用名
"bundle_id": "" //bundle_id
}
}

2，安卓移動應用
{"h5_info": //h5支付固定傳"h5_info"
{"type": "", //場景類型
"app_name": "", //應用名
"package_name": "" //包名
}
}

3，WAP網站應用
{"h5_info": //h5支付固定傳"h5_info"
{"type": "", //場景類型
"wap_url": "",//WAP網站URL地址
"wap_name": "" //WAP 網站名
}
}

 

返回參數重點：

支付跳轉連接   mweb_url     mweb_url爲拉起微信支付收銀臺的中間頁面，可經過訪問該url來拉起微信客戶端，完成支付,mweb_url的有效期爲5分鐘。

  （本文爲謙信君原創，有相關技術問題能夠找老虎諮詢 http://www.laohuzx.com/）

 

微信H5支付DEMO-PHP版參考：

http://www.cnblogs.com/kenshinobiy/p/8883753.html

---

 

新版微信H5支付流程

一、用戶在商戶側完成下單，使用微信支付進行支付

二、由商戶後臺向微信支付發起下單請求（調用統一下單接口）注：交易類型trade_type=MWEB

三、微信支付校驗商戶權限

四、統一下單接口返回支付相關參數給商戶後臺，如支付跳轉url（參數名「mweb_url」，即流程圖中的微信中轉頁面地址）

五、商戶後臺收到統一下單接口返回參數，將mweb_url返回給前端

六、商戶經過前端頁面訪問微信中轉頁面mweb_url（此步驟微信支付會校驗refer，以判斷請求來源是否合法）

七、由中轉頁面mweb_url主動喚起微信支付收銀臺

八、微信支付收銀臺被喚起同時關閉mweb_url中轉頁面

九、用戶在微信支付收銀臺完成支付

 參考自：https://www.cnblogs.com/txw1958/p/wxpayv3_h5.html