微信H5支付 · FA+Ecloud互聯網應用開發平臺綜合技術入門指南(READ)

## 一、概述就是在非微信瀏覽器頁面中，提供的支付手段；在微信商戶中配置好H5支付的相關配置，如域名等； ## 二、開通條件 ![](https://img.kancloud.cn/0a/2d/0a2d3b6caef408c096e265f8d0c94ad2_1366x736.png) ![](https://img.kancloud.cn/a4/fa/a4fa80ae01a5b65a4cfb2ded2ddab726_1366x736.png) ![](https://img.kancloud.cn/9a/e6/9ae661d5688c25bf6ea303120ea77b06_1366x736.png) ![](https://img.kancloud.cn/4a/6e/4a6eaaeb1538f99168406b0340baac68_1920x942.png) ## 三、技術方案 ``` /api/system/payment/wechat/h5/order ``` 或免登陸驗證版本： ``` /api/system/payment/wechat/h5/order/everywhere ``` 1、調用上述接口，獲取返回值中的h5Url字段； 2、跳轉h5Url的地址； 3、調出微信app的支付窗口，完成支付，即可； ## 四、平臺配置必填的配置項，其他都可留空； ``` ### 綁定了當前支付商戶的微信公眾號應用appid，必填； wechat.pay.v3.ray.app-id=wxXXXXXXXXXXXXXX ### 微信支付商戶號支付api v3 密鑰，必填； wechat.pay.v3.ray.app-v3-secret=XXXXXXXXXXXXXXXXXX ### 微信支付商戶號，必須與appId匹配，也就是被appId綁定了，必填； wechat.pay.v3.ray.mch-id=XXXXXXXX ### 商戶api證書路徑，必填； wechat.pay.v3.ray.cert-path=cert/wechat/default/apiclient_cert.p12 ### 支付結果的通知回調地址 rayframework.callback.wechat-pay-url=http://yourappserver/api/system/payment/wechat/pay/callback ``` ## 五、特別注意 1、不能直接打開生成的h5Url，必須通過代碼打開，如（假定一個生成的h5Url值）： ``` <html> <script> var h5Url='https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx13223133329699f2ec7c914c8bc7f90000&package=2584293641'; window.location.href=h5Url; </script </html> ``` 2、支付授權域名配置；前端訪問域名、后端服務域名以及`rayframework.callback.wechat-pay-url`配置的服務地址域名，它們可以分布在不同的服務器（不同域名）中，但要求這些服務器域名都必須設置到H5支付產品設置的支付授權目錄域名中；