微信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支付产品设置的支付授权目录域名中；