你是否想过,如果你的微信小程序能够实现直播功能,你的用户会不会更多,你的收入会不会更高,你的品牌会不会更强?
如果你有这样的想法,那么恭喜你,你已经走在了潮流的前沿。
微信小程序直播功能是微信官方提供的商家经营工具,通过调用该组件,商家可以在小程序中实现直播互动与商品销售闭环。
那么,微信小程序直播功能怎么开发呢?
小编在这里为你详细介绍一下微信小程序直播功能的开发流程和注意事项。
首先,你需要开通微信小程序直播功能的权限。目前,微信小程序直播功能仅对部分行业和类目开放,具体包括:
如果你的小程序所属的行业和类目符合上述范围,那么你可以登录“小程序后台”(mp.weixin.qq.com),在左侧导航栏找到“小程序—功能—直播”,点击开通。
如果你还没有创建小程序,那么你需要先按照《小程序接入指南》流程指引创建小程序并完成开发。
其次,你需要在小程序中进行功能开发。微信小程序直播功能需要实现【直播组件】与【后台配置】两个部分,其中组件部分需要在小程序中进行配置开发。
要使用微信小程序直播功能,你需要在主包或分包内引入【直播组件】live-player-plugin代码包(注:直播组件不计入代码包体积),项目根目录的app.json引用。
版本限制:微信客户端版本7.0.7及以上(基础库版本2.9.x及以上支持同层渲染)可以观看直播及使用直播间的功能,低版本刚进入直播间时会提示用户升级微信客户端版本(低版本只能观看直播,无法使用直播间的功能)。
示例代码如下:
(1) 主包引入
"plugins": { "live-player-plugin": { "version": "1.3.0", // 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释) "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释) } }
复制
(2) 分包引入
"subpackages": [ { "plugins": { "live-player-plugin": { "version": "1.3.0", // 注意该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释) "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释) } } } ]
复制
按第一步的方法把组件代码包配置引入后,即可直接通过链接地址跳转到直播组件页面(即为进直播间页面)链接地址需要带上直播房间id;房间id可通过下面获取直播房间列表API获取。
示例代码如下:
(1) 使用navigator组件跳转进入直播间
// index.js let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取 let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断) this.setData({ roomId, customParams })
复制
<!-- index.wxml --> <navigator url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{roomId}}&custom_params={{customParams}}"></navigator> // 其中wx2b03c6e691cd7370是直播组件appid不能修改
复制
(2) 使用navigateTo方法跳转进入直播间
// index.js let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取 let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断) wx.navigateTo({ url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}` }) // 其中wx2b03c6e691cd7370是直播组件appid不能修改
复制
通过该链接可跳转到直播组件页面(当前页面入口仅开放‘live-player-plugin’)。
通过在主包/分包中引入直播组件,开发者可以很方便的实现订阅、获取直播状态、获取用户openid以及获取分享卡片链接参数等功能。
服务端接口包含直播间接口和商品管理接口。
最后,你需要通过小程序后台设置直播计划、开通、设置抽奖等操作。具体操作指引,请参考《小程序直播产品介绍及操作指引》。
微信小程序直播功能是一个非常强大和有趣的功能,可以让你的小程序更加生动和互动,也可以为你的业务带来更多的流量和收益。
但是,要想做好微信小程序直播功能,你还需要注意以下几点:
以上就是小编为你介绍的微信小程序直播功能怎么开发的相关内容了。希望对你有所帮助。