微信小程序直播 ---微信官方组件简单使用

1.引入组件

2.获取直播间列表接口

3.进入直播间

1. 【直播组件】如何引入

版本限制：微信客户端版本 7.0.7 及以上（基础库版本2.9.x及以上支持同层渲染）可以观看直播及使用直播间的功能，低版本刚进入直播间时会提示用户升级微信客户端版本（低版本只能观看直播，无法使用直播间的功能）。

支持在主包或分包内引入【直播组件】 live-player-plugin 代码包（注：直播组件不计入代码包体积），项目根目录的 app.json 引用，示例代码如下：

(1) 主包引入

"plugins": {"live-player-plugin": {"version": "1.1.1", // 注意填写该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释）"provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释）}
}

(2) 分包引入

"subpackages": [{"plugins": {"live-player-plugin": {"version": "1.1.1", // 注意该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释）"provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释）}}}
]

不明白放到哪儿了吧

将一下这块代码放到 app.json 文件的 pages【】, 之后就可以了。

"plugins": {
"live-player-plugin": {
"version": "1.1.0",
"provider": "wx2b03c6e691cd7370"
}
},

2. 直播间列表接口

access_token --- 由后台提供

请求URL

https://api.weixin.qq.com/wxa/business/getliveinfo?access_token=

请求参数示例： json

{"start": 0, // 起始拉取房间，start = 0 表示从第 1 个房间开始拉取"limit": 10 // 每次拉取的个数上限，不要设置过大，建议 100 以内
}

请求参数含义

参数	类型	必填	说明
start	Number	是	起始房间，0表示从第1个房间开始拉取
limit	Number	是	每次拉取的房间数量，建议100以内

正确返回示例

{"errcode": 0,    // 错误码，0代表成功，1代表未创建直播间"errmsg": "ok"   // 错误信息"room_info":[{"name":"直播房间名""roomid": 1,"cover_img":"http://http:\/\/mmbiz.qpic.cn\/mmbiz_jpg\Rl1RuuhdstSfZa8EEljedAYcbtX3Ejpdl2et1tPAQ37bdicnxoVialDLCKKDcPBy8Iic0kCiaiaalXg3EbpNKoicrweQ\/0?wx_fmt=jpeg","share_img":"http://http:\/\/mmbiz.qpic.cn\/mmbiz_jpg\Rl1RuuhdstSfZa8EEljedAYcbtX3Ejpdl2et1tPAQ37bdicnxoVialDLCKKDcPBy8Iic0kCiaiaalXg3EbpNKoicrweQ\/0?wx_fmt=jpeg","live_status": 101,"start_time": 1568128900,"end_time": 1568131200,"anchor_name":"里斯","goods":[{"cover_img":"http://http:\/\/mmbiz.qpic.cn\/mmbiz_jpg\/Rl1RuuhdstSfZa8EEljedAYcbtX3Ejpdl2et1tPAQ37bdicnxoVialDLCKKDcPBy8Iic0kCiaiaalXg3EbpNKoicrweQ\/0?wx_fmt=jpeg","url":"pages/index/index.html","price":1100,"name":"茶杯"}],"total":1}]
}

返回参数含义

房间参数

参数	说明
name	直播间名称
roomid	直播间ID
cover_img	直播间背景图链接
share_img	直播间分享图链接
live_status	直播间状态。101：直播中，102：未开始，103已结束，104禁播，105：暂停，106：异常，107：已过期
start_time	直播间开始时间，列表按照start_time降序排列
end_time	直播计划结束时间
anchor_name	主播名
total	拉取房间总数

商品参数

参数	说明
cover_img	商品封面图链接
url	商品小程序路径
price	商品价格
name	商品名称

3. 进入直播间

通过点击事件直接跳转

roomid为直播间id

custom_params 暂且可以不管，但是要有

wx.navigateTo({
url: "plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=" + roomid + "&custom_params=" + encodeURIComponent(JSON.stringify({
path: 'pages/index/index',
pid: 1
})),
success: function() {
console.log('跳转到news页面成功') // success
},
fail: function() {
console.log('跳转到news页面失败') // fail
}
})

OK ，一个直播小程序直播就这么被你做好了，真实个天才；哈哈