1、微信后臺申請插件開通
微信后臺 登錄微信后臺
點擊設置中的第三方設置 —> 添加插件 --> 點擊小程序直播組件(獲取AppID)
2、微信后臺開通直播功能
點擊進入直播后臺系統
這里就是我們創建的直播功能區域
3、代碼中接入直播插件AppID
支持在主包或分包內引入【直播組件】 live-player-plugin 代碼包
(注:直播組件不計入代碼包體積),項目根目錄的 app.json 引用,示例代碼如下:
uni-app開發中在pages.json引入
(1) 主包引入和"pages"同級
"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(復制時請去掉注釋)
}
}
}
]
4、【直播組件】如何使用
直接在直播控制臺創建好直播間,拿到房間id;
相關文檔 微信接入文檔
進入直播間方式
1、使用 navigator 組件跳轉進入直播間
// 1、使用 navigator 組件跳轉進入直播間
<navigator url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{roomId}}&custom_params={{customParams}}"></navigator>
2、使用 navigateTo 方法跳轉進入直播間
// 2、使用 navigateTo 方法跳轉進入直播間
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}`
})
3、服務端獲取數據,提供給前端獲?。?/span>
4、控制臺創建直播
5、手機掃碼打開
5、直播組將狀態獲取
小程序端引入 live-player-plugin
let livePlayer = requirePlugin('live-player-plugin')
console.log(livePlayer,'livePlayer====事件')
livePlayer.getOpenid(e) // 獲取用戶openid參數
livePlayer.getShareParams(e) // 獲取分享卡片鏈接參數
livePlayer.getSubscribeStatus(e) // 獲取單次訂閱狀態
livePlayer.getLiveStatus(e) // 獲取直播狀態
// 往后間隔1分鐘或更慢的頻率去輪詢獲取直播狀態
// 101: 直播中, 102: 未開始, 103: 已結束, 104:禁播, 105: 暫停中, 106: 異常,107:已過期
如果你想擁有自己的私域流量和私域直播電商系統,可以選擇CRMEB Pro版高性能私域電商系統,CRMEB Pro版是一款高性能、高并發、高可用的私域客戶關系管理(CRM)+營銷電商(EB)系統;助力品牌商家實現公域引流轉化私域沉淀,全渠道智能化經營。