H5端

## **H5端配置**

### **H5端支付宝支付**

#### **一、开通支付宝手机支付**

**支付宝手机网站开通流程**：[https://b.alipay.com/signing/productDetailV2.htm?productId=I1011000290000001001](https://b.alipay.com/signing/productDetailV2.htm?productId=I1011000290000001001)  
![](https://img.kancloud.cn/cc/6d/cc6da595420af184edd8dcfda96c7f77_1426x737.png)  
![](https://img.kancloud.cn/71/f2/71f2a4da91247ba2b143ab5680c6b9b0_1191x1005.png)  
![](https://img.kancloud.cn/f2/ab/f2abff63ac03792298d89af357c3a6ed_1173x966.png)

#### **二、开通支付宝手机网站支付后，登录支付宝开放平台**：[https://open.alipay.com/platform/developerIndex.htm](https://open.alipay.com/platform/developerIndex.htm)

![](https://img.kancloud.cn/eb/de/ebdec5522d64c83f23bf18b5d2c22b00_1121x780.png)  
![](https://img.kancloud.cn/eb/de/ebdec5522d64c83f23bf18b5d2c22b00_1121x780.png)

#### **三、支付宝秘钥工具下载并生成秘钥**

**支付宝秘钥工具下载地址（下载旧版）：[https://docs.open.alipay.com/291/105971#LDsXr](https://docs.open.alipay.com/291/105971#LDsXr)**  
![](https://img.kancloud.cn/4a/fd/4afdb1c789654e3112e0f776e014e976_1080x780.png)

#### **四、配置接口加签方式**

**1、【接口加签方式】未配置过，点设置进去配置如下：支付宝秘钥工具生成的【应用公钥】复制到【接口加签方式】-【设置】-【应用公钥】，如下图；**  
![](https://img.kancloud.cn/09/92/099227768568c9b9a5cc1153c5faaf71_1780x776.png)  
2、修改【接口加签方式】点：【编辑/查看】-【加签变更】，然后将支付宝秘钥工具生成的【应用公钥】复制到支付宝【加签变更】处；  
![](https://img.kancloud.cn/09/92/099227768568c9b9a5cc1153c5faaf71_1780x776.png)  
![](https://img.kancloud.cn/33/31/333132f722a72f0be87839d27b7a41bc_1355x704.png)  
![](https://img.kancloud.cn/d1/05/d105965ea69eb1fb31a5e88aff935e92_1902x780.png)  
![](https://img.kancloud.cn/dd/ad/ddad569d58f9935c510f426e6b7b40f2_1764x950.png)

### **开通微信H5支付**

![](https://img.kancloud.cn/8e/8f/8e8fc889b8769f8e13d065f3ad46c7e2_1259x657.png)  
![](https://img.kancloud.cn/3a/e9/3ae93a5e189d92be101c5e056ea1cb37_1586x760.png)  
![](https://img.kancloud.cn/be/02/be02f73958417a4bd381aa5b9cb73ad6_1091x452.png)  
![](https://img.kancloud.cn/85/7b/857bb7f27d79c3ef6d47065f4a1c19e9_695x369.png)

###**H5分享操作**  
一、登录可以使用的公众号的微信公众平台后台  
1、将IP地址添加到IP白名单（设置—安全中心）  
![](https://img.kancloud.cn/7d/38/7d38108182603167c3f7abcc2e45aca9_1575x596.png)  
![](https://img.kancloud.cn/8b/d3/8bd3ab8c2f82402221e500d7e41835ec_885x667.png)  
2、将域名添加到JS接口安全域名（设置-公众号设置-功能设置）  
![](https://img.kancloud.cn/cd/53/cd53275dcaae82295e8b2e7983afe755_1899x710.png)  
![](https://img.kancloud.cn/d2/15/d21571466cad625a2bbb7ae4a08d40b5_956x663.png)  
3、记录公众号的ID和秘钥（开发-基本配置）  
![](https://img.kancloud.cn/22/80/22804cc62146249285f7109e82728dea_1612x518.png)  
二、在后台 \*\*  系统-多端设置-H5-H5分享配置  **填写**公众号\*\*对应信息  
![](https://img.kancloud.cn/32/46/3246aff246d5c8323d5b6ca994b8e9db_1609x834.png)

### **H5客服代码配置**

![](https://img.kancloud.cn/42/9a/429a3e87235a4ff88a496b4da2fbfff1_832x351.png)  
![](https://img.kancloud.cn/af/e0/afe0faf6956f1f3b4d769f90916941c0_752x129.png)