🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
#### 小程序直播组件是微信给开发者提供的实时视频直播工具,可以帮助开发者快速通过小程序向用户提供优质的直播内容,在小程序内流畅完成购买交易闭环,提升转化率; #### 小程序直播组件包括观众端、主播端及后台管理端,其中观众端提供拉流、实时互动、订阅提醒、商品购买等能力,主播端提供开播、推流、音视频效果优化等能力,后台管理端则负责直播房间、商品货架以及营销活动配置等。 ## 1.直播开通条件 ![](https://img.kancloud.cn/1a/db/1adbd1bee0f9895ed171f3a1a7956a98_1080x1920.png) ## 2.直播页面展示: ![](https://img.kancloud.cn/e4/81/e4816e5605a451c8189d283242e95019_717x758.png) #### 直播间列表 ![](https://img.kancloud.cn/1d/ef/1def575ddaa673c7fca2953763bf7829_523x933.png) #### 回放 ![](https://img.kancloud.cn/6e/b2/6eb2fe988ae948450ab5c9b5b2dcc7a1_539x939.png) ## 3.具体使用:[官方链接](https://res.wx.qq.com/mmbizwxampnodelogicsvr_node/dist/images/help_0f7865.pdf) 首先登陆微信公众平台-小程序后台-去创建直播间 ![](https://img.kancloud.cn/ef/a3/efa307898df8a7f4308d8a471b24f9a5_807x459.png) ![](https://img.kancloud.cn/ab/a4/aba41b4da0d04cb59dc6df457cd4b477_813x468.png) ![](https://img.kancloud.cn/26/f9/26f966e87832202e064c722696ab486c_817x461.png) ![](https://img.kancloud.cn/7b/ab/7babaed9be753b9fde0c3d0e80c8e249_817x468.png) ![](https://img.kancloud.cn/cc/09/cc096f90ad27a5249998d880ceefe992_813x468.png) ![](https://img.kancloud.cn/06/9c/069ca188bb1698235367862aaae9a7ff_804x464.png) ![](https://img.kancloud.cn/68/cb/68cbdbb6e1fdcd1d70e0ecb82bac2901_803x455.png) ![](https://img.kancloud.cn/25/7b/257be5f0aa8fb0dfbef74a10cb102c3c_812x456.png) ![](https://img.kancloud.cn/8c/4c/8c4c87259c9e3b4f6fab1e41b66f6910_805x453.png) ![](https://img.kancloud.cn/10/d1/10d1ba7a0d8aee769a113338f1ec890a_812x458.png) ![](https://img.kancloud.cn/68/fe/68fed643fb3061230494ed57aa64f1df_809x459.png) ![](https://img.kancloud.cn/b4/5a/b45a04c97077bac4503c1c6b882ad3c6_807x903.png) ## 4.商城使用手册: #### 1.首先分配直播权限 ![](https://img.kancloud.cn/93/cc/93cc81f967ece3ed33874ed4e206ca2b_512x650.png) #### 2.登陆后台-店铺管理-内容管理-直播间列表获取直播间列表跟直播间id ![](https://img.kancloud.cn/1a/c9/1ac9005eb927f635aca28da6bdde2b9f_1566x815.png) #### 3.在想使用的地方设置连接 ![](https://img.kancloud.cn/4d/7c/4d7cef90a3cae474149c854074e1b953_862x676.png) 其中详情填写的是直播间列表中的房间id ![](https://img.kancloud.cn/0b/b5/0bb5e073e2300b7a974fb554a63bc8f9_554x446.png) #### 4.发布小程序:登陆微信小程序-直播插件-勾选之后发布 ![](https://img.kancloud.cn/02/fb/02fb34ab8fdb2f7f9ab3963e55145293_1616x619.png) #### 5.添加商品: 使用特定商品链接pages/goods/goods.html?id=商品id 如果需要绑定特定分销商:pages/goods/goods.html?id=**商品id**&user_id=**分销商id** 使用多商户商品链接:plugins/mch/goods/goods.html?mch_id=**商户id**&id=**商品id** 如果需要绑定特定分销商 plugins/mch/goods/goods.html?mch_id=**商户id**&id=**商品id**&user_id=**分销商id** #### 6.直播优惠券说明 https://docs.qq.com/blankpage/DVnVMbE9Ka1FESktU?code=001bFE3s171e5k0mR04s1DtF3s1bFE3q&state=onweixinlogin