🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## </br>**H5端支付宝支付** #### </br>**一、开通支付宝手机支付** **支付宝手机网站开通流程**: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) #### </br>**二、开通支付宝手机网站支付后,登录支付宝开放平台**:https://open.alipay.com/platform/developerIndex.htm ![](https://img.kancloud.cn/15/93/1593935ccfcd356efad69b2b336cb3d9_860x932.png) ![](https://img.kancloud.cn/eb/de/ebdec5522d64c83f23bf18b5d2c22b00_1121x780.png) #### </br>**三、支付宝秘钥工具下载并生成秘钥** **支付宝秘钥工具下载地址(下载旧版):https://docs.open.alipay.com/291/105971#LDsXr** ![](https://img.kancloud.cn/4a/fd/4afdb1c789654e3112e0f776e014e976_1080x780.png) #### </br>**四、配置接口加签方式** **1、【接口加签方式】未配置过,点设置进去配置如下:支付宝秘钥工具生成的【应用公钥】复制到【接口加签方式】-【设置】-【应用公钥】,如下图;** ![](https://img.kancloud.cn/09/92/099227768568c9b9a5cc1153c5faaf71_1780x776.png) 2、修改【接口加签方式】点:【编辑/查看】-【加签变更】,然后将支付宝秘钥工具生成的【应用公钥】复制到支付宝【加签变更】处; ![](https://img.kancloud.cn/20/08/2008627e510a9d74fb26489a19c2bc0c_1344x676.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) ## </br></br></br>**开通微信H5支付** ![](https://img.kancloud.cn/c1/88/c188da5c7ba496cd69cf72b2f6f0a649_1259x657.png) ![](https://img.kancloud.cn/43/4e/434e95cfde16128d774bfd35c0e66766_1586x760.png) ![](https://img.kancloud.cn/e9/65/e9653cf9c18f811528cded9368cd8052_1413x500.png) ![](https://img.kancloud.cn/e2/df/e2dfe01ab704f7858c50667d8851b3ad_695x369.png) ## </br>**H5分享操作** 一、登录可以使用的公众号的微信公众平台后台 1、将IP地址添加到IP白名单(设置—安全中心) ![](https://img.kancloud.cn/76/ee/76ee27442ca266346777521d63126acf_1575x596.png) ![](https://img.kancloud.cn/38/3c/383c7e181ae7528d89388c157de6e527_885x667.png) 2、将域名添加到JS接口安全域名(设置-公众号设置-功能设置) ![](https://img.kancloud.cn/ec/34/ec34787f04df7b983eaa40e28dd2d019_1899x710.png) ![](https://img.kancloud.cn/71/c8/71c8994c7c8ae23748acb8a660822cbd_956x663.png) 3、记录公众号的ID和秘钥(开发-基本配置) ![](https://img.kancloud.cn/4e/53/4e531d6c90804394b0b95f60b070f1da_1612x518.png) 二、在后台 **  系统\-多端设置-H5-H5分享配置  **填写**公众号**对应信息 ![](https://img.kancloud.cn/79/5d/795d94ff99bb8f2c5ea62e21b467f663_1609x834.png)