概要 :
注意: 微信开发直播功能需要提前申请直播功能和插件
引入组件功能
1. 在项目中的manifest.json 文件中引入直播组件,选择源码视图
2. 找到 mp-weixin 微信相关的配置
如果你的使用的账号是新来的记得在project.config.json文件中的appid也进行更改
/* 快应用特有相关 */
"mp-weixin" : {
"appid" : "", // 使用申请到直播权限的appid
"plugins": {
"live-player-plugin": {
// 这里填写直播组件的最新版本号,引入之后运行微信开发者工具调式时会显示最新版本号
"version": "1.3.2",
// 不用更改,wx2b03c6e691cd7370就是直播组件的appid
"provider": "wx2b03c6e691cd7370"
}
}
},
引入组件功能
1. 通过直播间列表接口查询直播间列表,铺在小程序中
2. 点击直播间,进行跳转即可
// 填写具体的直播间号,可通过获取直播列表接口获取
let roomId = [直播间id];
let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断)
// wx2b03c6e691cd7370不需要更改
wx.navigateTo({
url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}`
})
小结
6年经验资深程序员,第一次写文章,可能会有没注意到的点,具体可进入官方文档查看,连接放下面了