uniapp引入微信小程序直播组件

一、在javashop-uniapp工程的manifest.json文件中引入直播插件

"mp-weixin" : {
        /* 小程序特有相关 */
        "usingComponents" : true,
        "appid" : "xxx",
        "plugins": {
                 "live-player-plugin": {
                // 注意填写该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释）
                "version": "1.0.15", 
                // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释）
                "provider": "wx2b03c6e691cd****" 
                }
        }
}

 

二、通过直播间列表接口查询直播间列表，显示在小程序中

三、点击任意一个电商直播间，跳转到小程序直播组件即可。

uni.navigateTo({ url: `plugin-private://wx2b03c6e691cd****/pages/live-player-plugin?room_id=${roomId}` })