h5 · 直播社交電商系統V4

# 公眾號h5功能 * [1.用戶中心自定義](http://www.hmoore.net/wangcwei/v4-2/2064020#1_4) * [2.DIY首頁自定義](http://www.hmoore.net/wangcwei/v4-2/2064020#2DIY_10) * [3.支付管理單獨設置](http://www.hmoore.net/wangcwei/v4-2/2064020#3_16) * [1.微信小程序的支付設置](http://www.hmoore.net/wangcwei/v4-2/2064020#1_20) * [2.公眾號微信支付配置](http://www.hmoore.net/wangcwei/v4-2/2064020#2_25) * [3.公眾號支付寶支付配置](http://www.hmoore.net/wangcwei/v4-2/2064020#3_36) * [4.h5配置微信支付](http://www.hmoore.net/wangcwei/v4-2/2064020#4h5_54) * [5.h5支付寶支付配置](http://www.hmoore.net/wangcwei/v4-2/2064020#5h5_61) * [4.公眾號配置：](http://www.hmoore.net/wangcwei/v4-2/2064020#4_81) * [1非開放平臺授權模式；](http://www.hmoore.net/wangcwei/v4-2/2064020#1_88) * [2.開放平臺授權模式](http://www.hmoore.net/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) 服務商配置 [http://www.hmoore.net/wangcwei/v4-2/1829023](http://www.hmoore.net/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)