ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 公众号h5功能 * [1.用户中心自定义](https://www.kancloud.cn/wangcwei/v4-2/2064020#1_4) * [2.DIY首页自定义](https://www.kancloud.cn/wangcwei/v4-2/2064020#2DIY_10) * [3.支付管理单独设置](https://www.kancloud.cn/wangcwei/v4-2/2064020#3_16) * [1.微信小程序的支付设置](https://www.kancloud.cn/wangcwei/v4-2/2064020#1_20) * [2.公众号微信支付配置](https://www.kancloud.cn/wangcwei/v4-2/2064020#2_25) * [3.公众号支付宝支付配置](https://www.kancloud.cn/wangcwei/v4-2/2064020#3_36) * [4.h5配置微信支付](https://www.kancloud.cn/wangcwei/v4-2/2064020#4h5_54) * [5.h5支付宝支付配置](https://www.kancloud.cn/wangcwei/v4-2/2064020#5h5_61) * [4.公众号配置:](https://www.kancloud.cn/wangcwei/v4-2/2064020#4_81) * [1非开放平台授权模式;](https://www.kancloud.cn/wangcwei/v4-2/2064020#1_88) * [2.开放平台授权模式](https://www.kancloud.cn/wangcwei/v4-2/2064020#2_94) 需要更新到4.3.76以上的版本才能使用,插件也必须更新,后续商城每次更新,公众号跟h5那边要点下发布才会显示最新内容 ## 1.用户中心自定义 多个端可以设置不同的用户中心 ![](https://img.kancloud.cn/bd/06/bd06f8c717c0883893f3997beb8bceeb_1910x687.png) ![](https://img.kancloud.cn/81/30/81304438eb80d91d805d416e12786302_816x622.png) ## 2.DIY首页自定义 需要有DIY插件 多个端可以设置不同的DIY首页 ![](https://img.kancloud.cn/94/68/9468e9f62bc5256db08ac800d0d21499_1802x662.png) ![](https://img.kancloud.cn/c1/6a/c16a916e03fad742486ee25da12d43b3_765x614.png) ## 3.支付管理单独设置 需要先配置好支付方式,然后再支付设置那边选择配置的支付方式,注意,小程序的微信支付配置跟公众号的不一样,填的appid是各自的appid,h5微信支付填写的也是服务号的appid; ![](https://img.kancloud.cn/62/e4/62e4bd6b2bd358e8a828b6788857a25a_1902x800.png) ![](https://img.kancloud.cn/cd/77/cd778ccf4dd021b9df42524c7e75fdaa_1764x865.png) ### 1.微信小程序的支付设置 ![](https://img.kancloud.cn/c3/20/c320e8cbde79a6172ec7b635ef2b95d9_1103x851.png) 服务商配置 [https://www.kancloud.cn/wangcwei/v4-2/1829023](https://www.kancloud.cn/wangcwei/v4-2/1829023) ### 2.公众号微信支付配置 需要开通jsapi支付并且配置支付授权目录 支付授权目录需要具体到某个商城 独立版:[https://域名/plugins/wechat/h5/mall/1/](https://xn--eqrt2g/plugins/wechat/h5/mall/1/) 最后那个1是商城id 独立版从管理后台--商城列表拿商城id 微擎版:[https://域名/addons/zjhj\_bd/plugins/wechat/we\_h5/mall/1/](https://xn--eqrt2g/addons/zjhj_bd/plugins/wechat/we_h5/mall/1/) 最后那个1是商城id 微擎版登陆总账户从商城后台--小程序管理列表拿商城id ![](https://img.kancloud.cn/57/cf/57cfd2296854f34692ae83d7cf6ef26e_1404x672.png) ![](https://img.kancloud.cn/6a/eb/6aeb98531a3cbb3c1fac5368d2b0dcd0_1289x628.png) ![](https://img.kancloud.cn/0f/c1/0fc1f90d74bee1aeea88c1ad5a97c6f6_1020x815.png) ### 3.公众号支付宝支付配置 **1: 登录到支付宝开放平台,并创建网页应用** ![](https://img.kancloud.cn/c2/2b/c22b81db09ac8591a7e0d424a2e709af_1090x413.png) **2.签约手机网站支付能力** ![](https://img.kancloud.cn/db/2e/db2e0dd70bb75bd954cc66d9b308979d_1562x127.png) **3:设置接口加密方式** ![](https://img.kancloud.cn/b9/84/b984fd30a27fd0b2f7d33fe60d282d33_965x331.png) **4:必须选择公钥证书 下载支付宝密钥生成器** ![](https://img.kancloud.cn/15/80/1580ca5309bfe4f4b82dd687ca7d8832_688x437.png) **5:打开支付宝密钥生成器 选择PKCS1(非JAVA使用) - 生成密钥- 点击获取 -打开文件位置 并上传CSR文件在线生成证书** ![](https://img.kancloud.cn/11/e8/11e88bc53233cae11175b88df75fbbfa_1080x780.png) 注:请妥善保存好商户**应用私钥** ![](https://img.kancloud.cn/85/c3/85c3640b8ff47c7875d20392afb26d44_800x700.png) 注:组织/公司 必须和公司主体名称保持一致。 **6:获取证书 并填入后台** ![](https://img.kancloud.cn/17/88/1788c3d501f7a31bb402c97f193137d8_701x307.png) ![](https://img.kancloud.cn/e0/fc/e0fc39c7fa2bf959e6de67b594b8180b_1143x881.png) ### 4.h5配置微信支付 需要开通商户平台h5支付 并且将域名配置进去,注意,添加顶级域名就行 ![](https://img.kancloud.cn/c4/e8/c4e83c00991970028147999e4146310b_1439x708.png) ![](https://img.kancloud.cn/b3/28/b328a0b1ac5d34efe2a36272ccf51fce_1055x360.png) ![](https://img.kancloud.cn/26/4a/264a443b6a41d883ed6ddbe684e75c86_1020x815.png) ### 5.h5支付宝支付配置 **1: 登录到支付宝开放平台,并创建网页应用** ![](https://img.kancloud.cn/c2/2b/c22b81db09ac8591a7e0d424a2e709af_1090x413.png) **2.签约手机网站支付能力** ![](https://img.kancloud.cn/db/2e/db2e0dd70bb75bd954cc66d9b308979d_1562x127.png) **3:设置接口加密方式** ![](https://img.kancloud.cn/b9/84/b984fd30a27fd0b2f7d33fe60d282d33_965x331.png) **4:必须选择公钥证书 下载支付宝密钥生成器** ![](https://img.kancloud.cn/15/80/1580ca5309bfe4f4b82dd687ca7d8832_688x437.png) **5:打开支付宝密钥生成器 选择PKCS1(非JAVA使用) - 生成密钥- 点击获取 -打开文件位置 并上传CSR文件在线生成证书** ![](https://img.kancloud.cn/11/e8/11e88bc53233cae11175b88df75fbbfa_1080x780.png) 注:请妥善保存好商户**应用私钥** ![](https://img.kancloud.cn/85/c3/85c3640b8ff47c7875d20392afb26d44_800x700.png) 注:组织/公司 必须和公司主体名称保持一致。 **6:获取证书 并填入后台** ![](https://img.kancloud.cn/17/88/1788c3d501f7a31bb402c97f193137d8_701x307.png) ![](https://img.kancloud.cn/5b/4c/5b4c0cc2634ed6749a8c0e5d936960f3_1143x881.png) * * * * * * ## 4.公众号配置: 注意:建议公众号跟小程序同主体并且绑定同一个开放平台,这样数据可以互通 注意需要配置js安全域名,网页授权域名,业务域名,ip白名单 ![](https://img.kancloud.cn/18/04/18043b8658c0e1b64e3c7fa22146f8aa_756x667.png) 先购买安装号公众号插件 ![](https://img.kancloud.cn/e7/e7/e7e7d97c9fbd74fa84e452d86da99cf6_1847x720.png) ### 1非开放平台授权模式; 填写公众号的appid,密钥等参数 然后自定义添加图标,名称,跟关注二维码 之后哦点击发布版本,就可以打开使用 ### 2.开放平台授权模式 需要绑定微信开放平台添加公众号权限 ![](https://img.kancloud.cn/b4/8e/b48e6d07b9ff1eca5c545296a4f0cefe_1122x906.png) 如果用到了小程序相关权限 需要勾选 ![](https://img.kancloud.cn/60/eb/60ebb18613c77a08eb53a72d5b82ba79_1026x770.png) ![](https://img.kancloud.cn/b8/29/b829c0a3bb174aee1464b79dda3954eb_1152x133.png) 添加域名 ![](https://img.kancloud.cn/91/c9/91c9387786b99baba560eeeea3f812c5_1083x249.png) 全网发布之后可以用公众号管理员扫码授权 ![](https://img.kancloud.cn/be/3e/be3e05a5fe62ecc22b5c4d8352914ca9_853x792.png)