公众号H5功能 · 超级商城小程序

<div class="article-body kancloud-markdown-body"><div class="markdown-toc"><ul><ul><li><a href="#1_1">1.用户中心自定义</a></li><li><a href="#2DIY_5">2.DIY首页自定义</a></li><li><a href="#3_10">3.支付管理单独设置</a></li><ul><li><a href="#1_18">1.微信小程序的支付设置</a></li><li><a href="#2_20">2.公众号微信支付配置</a></li><li><a href="#3_28">3.公众号支付宝支付配置</a></li><li><a href="#4h5_46">4.h5配置微信支付</a></li><li><a href="#5h5_53">5.h5支付宝支付配置</a></li></ul><li><a href="#4_71">4.公众号配置：</a></li></ul></ul></div><h2><a id="1_1"></a>1.用户中心自定义</h2> <p>多个端可以设置不同的用户中心<img src="https://img.kancloud.cn/aa/22/aa2250a03e15c999748dd04e191d7c84_1916x717.png" alt=""><br><img src="https://img.kancloud.cn/55/27/552708c52e599fca4cbc93aca1191e99_816x622.png" alt=""></p> <h2><a id="2DIY_5"></a>2.DIY首页自定义</h2> <p>需要有DIY插件<br> 多个端可以设置不同的DIY首页<img src="https://img.kancloud.cn/68/b3/68b3ed59f0dab9e95dc164c0dd5e427f_1917x359.png" alt=""><br><img src="https://img.kancloud.cn/fd/66/fd6662db53e5d9d87420b44695ed6211_765x614.png" alt=""></p> <h2><a id="3_10"></a>3.支付管理单独设置</h2> <p>需要先配置好支付方式，然后再支付设置那边选择配置的支付方式</p> <p><strong>注意，小程序的微信支付配置跟公众号的不一样，填的appid是各自的appid，h5微信支付填写的也是服务号的appid</strong>；</p> <p><img src="https://img.kancloud.cn/cb/ac/cbac0113969f2e140019f6b4bc1a8cb2_1920x647.png" alt=""><br><img src="https://img.kancloud.cn/33/59/33593d53db837a60cd182ca9befda6e1_1764x865.png" alt=""></p> <h3><a id="1_18"></a>1.微信小程序的支付设置</h3> <p><img src="https://img.kancloud.cn/b1/16/b1166a019946d49ff0b9212d3243a516_1389x717.png" alt=""></p> <h3><a id="2_20"></a>2.公众号微信支付配置</h3> <p>需要开通jsapi支付并且配置支付授权目录<br> 支付授权目录需要具体到某个商城<br><strong>域名处填写</strong>：<a href="https://xn--eqrt2g/plugins/wechat/h5/mall/ID/" target="_blank">https://wx.weibaoge.cn/plugins/wechat/h5/mall/1/</a><br><img src="https://img.kancloud.cn/c7/33/c733a658cfce86a8b6f3772e41127719_1404x672.png" alt=""><br><img src="https://img.kancloud.cn/ce/d8/ced855c500d762c71272a6fe8452d981_1289x628.png" alt=""><br><img src="https://img.kancloud.cn/ed/9c/ed9ce0aa3fa8cfdcbd3444f069359961_1020x815.png" alt=""></p> <h3><a id="3_28"></a>3.公众号支付宝支付配置</h3> <p><strong>1: 登录到支付宝开放平台，并创建网页应用</strong><br><img src="https://img.kancloud.cn/a9/20/a92051e6c14e11b289ec643226d24d89_1090x413.png" alt=""><br><strong>2.签约手机网站支付能力</strong><br><img src="https://img.kancloud.cn/db/2e/db2e0dd70bb75bd954cc66d9b308979d_1562x127.png" alt=""><br><strong>3:设置接口加密方式</strong><br><img src="https://img.kancloud.cn/b9/84/b984fd30a27fd0b2f7d33fe60d282d33_965x331.png" alt=""><br><strong>4：必须选择公钥证书下载支付宝密钥生成器</strong><br><img src="https://img.kancloud.cn/15/80/1580ca5309bfe4f4b82dd687ca7d8832_688x437.png" alt=""><br><strong>5：打开支付宝密钥生成器选择PKCS1(非JAVA使用) - 生成密钥- 点击获取 -打开文件位置并上传CSR文件在线生成证书</strong><br><img src="https://img.kancloud.cn/11/e8/11e88bc53233cae11175b88df75fbbfa_1080x780.png" alt=""><br> 注：请妥善保存好商户<strong>应用私钥</strong><br><img src="https://img.kancloud.cn/85/c3/85c3640b8ff47c7875d20392afb26d44_800x700.png" alt=""><br> 注：组织/公司必须和公司主体名称保持一致。<br><strong>6：获取证书并填入后台</strong><br><img src="https://img.kancloud.cn/17/88/1788c3d501f7a31bb402c97f193137d8_701x307.png" alt=""><br><img src="https://img.kancloud.cn/37/04/3704fe4992da5fc8d954d24f6d620b0d_1143x881.png" alt=""></p> <h3><a id="4h5_46"></a>4.h5配置微信支付</h3> <p>需要开通商户平台h5支付并且将域名配置进去<br><img src="https://img.kancloud.cn/ed/b6/edb6621f7feaf1e12bcf28e3f016f430_1439x708.png" alt=""><br><img src="https://img.kancloud.cn/a0/0f/a00fd095a0fed64756ef0cdc30d79c31_1055x360.png" alt=""><br><img src="https://img.kancloud.cn/fe/30/fe30d60c93d7c8037d53b90515a7a18f_1020x815.png" alt=""></p> <h3><a id="5h5_53"></a>5.h5支付宝支付配置</h3> <p><strong>1: 登录到支付宝开放平台，并创建网页应用</strong><br><img src="https://img.kancloud.cn/c2/2b/c22b81db09ac8591a7e0d424a2e709af_1090x413.png" alt=""><br><strong>2.签约手机网站支付能力</strong><br><img src="https://img.kancloud.cn/db/2e/db2e0dd70bb75bd954cc66d9b308979d_1562x127.png" alt=""><br><strong>3:设置接口加密方式</strong><br><img src="https://img.kancloud.cn/b9/84/b984fd30a27fd0b2f7d33fe60d282d33_965x331.png" alt=""><br><strong>4：必须选择公钥证书下载支付宝密钥生成器</strong><br><img src="https://img.kancloud.cn/15/80/1580ca5309bfe4f4b82dd687ca7d8832_688x437.png" alt=""><br><strong>5：打开支付宝密钥生成器选择PKCS1(非JAVA使用) - 生成密钥- 点击获取 -打开文件位置并上传CSR文件在线生成证书</strong><br><img src="https://img.kancloud.cn/11/e8/11e88bc53233cae11175b88df75fbbfa_1080x780.png" alt=""><br> 注：请妥善保存好商户<strong>应用私钥</strong><br><img src="https://img.kancloud.cn/85/c3/85c3640b8ff47c7875d20392afb26d44_800x700.png" alt=""><br> 注：组织/公司必须和公司主体名称保持一致。<br><strong>6：获取证书并填入后台</strong><br><img src="https://img.kancloud.cn/17/88/1788c3d501f7a31bb402c97f193137d8_701x307.png" alt=""><br><img src="https://img.kancloud.cn/17/b6/17b63c5b680dc6fccb39d746311270c4_1143x881.png" alt=""></p> <h2><a id="4_71"></a>4.公众号配置：</h2> <p>注意:建议公众号跟小程序同主体并且绑定同一个开放平台，这样数据可以互通<br> 注意需要配置js安全域名，网页授权域名，业务域名,ip白名单<br><img src="https://img.kancloud.cn/18/04/18043b8658c0e1b64e3c7fa22146f8aa_756x667.png" alt=""><br> 全网发布之后可以用公众号管理员扫码授权<br><img src="https://img.kancloud.cn/38/59/385909b0378c98647d3d4fd953be66e9_853x792.png" alt=""></p> </div>