近日,微信團隊宣布,為了實現微信小程序與視頻號的絲滑切換,微信團隊提供小程序和視頻號之間的接口與組件,覆蓋瀏覽視頻、參與活動、預約直播、觀看直播、查看主頁等常用場景,代碼更少、調用更高效、體驗更絲滑。究竟微信準備了什么接口與組件讓小程序切換視頻號絲滑便捷還高效呢?讓我們一睹為快吧!
注意:在正式開發前,開發者需要獲取以下參數,否則將無法成功調用。
1、瀏覽視頻方面,在使用小程序過程中,豐富的視頻內容讓用戶更全面、更便捷地了解產品,加速變現效率,幫助品牌獲得更好的曝光機會。
對于同主體或非同主體的情況,開發者都能夠調用接口實現從小程序切換指定的視頻號視頻的效果。
1)前提條件:小程序與視頻號為相同主體或關聯主體
調用接口:channel-video 無彈窗切換至視頻號視頻
<channel-video
feed-id=”yourfeedid” // 視頻 ID
finder-user-name=”yourfindusername” // 視頻號 ID
binderror=”binderror”
></channel-video>
2)前提條件:無主體要求
調用接口:wx.openChannelsActivity 有彈窗切換至視頻號視頻
wx.openChannelsActivity({
feedId: “yourfeedid”, // 視頻 ID
finderUserName: “yourfindusername”, // 視頻號 ID
})
2、參與活動方面,以電商行業為例,商家希望用戶在小程序完成購買流程后,參與官方視頻號的用戶反饋活動,豐富服務內容。此時,通過小程序直接跳轉視頻號活動頁面能夠快速滿足場景需求。
現在,開發者僅需4行代碼即可快速實現小程序切換視頻號活動頁的效果。
前提條件:小程序與視頻號為相同主體或關聯主體
調用接口:wx.openChannelsEvent
wx.openChannelsEvent({
finderUserName: “yourfindusername”, // 視頻號 ID
eventId: “eventid”, // 活動 id,可在「視頻號助手」-「內容管理」-「活動管理」獲取
})
3、預約直播方面,以游戲行業為例,游戲提供方通過小程序打造交流社區,也希望在小程序社區分享游戲直播預告信息,便于用戶及時觀看直播、提升社區活躍度。
現在,開發者直接調用2個接口即可實現在小程序快速預約視頻號直播。
前提條件:小程序與視頻號為相同主體或關聯主體
調用接口:
wx.getChannelsLiveNoticeInfo 獲取直播預告信息
wx.reserveChannelsLive 預約直播
// 獲取視頻號直播預告信息
wx.getChannelsLiveNoticeInfo({
finderUserName: “yourfindusername”, // 視頻號 ID
success(res) {
res.noticeId // 預告 id
res.status // 預告狀態,0: 可用、1: 取消、2: 已用
res.startTime // 開始時間
res.headUrl // 直播封面
res.nickname // 視頻號昵稱
res.reservable // 是否可預約
}
})
// 預約視頻號直播
wx.reserveChannelsLive({
noticeId: “noticeid” // 上面獲取到的直播預告 id
})
4、觀看直播方面,以教育行業為例,用戶在小程序查看產品信息的同時及時通過直播了解到產品詳情,一定程度上提升下單率與復購率。因此,小程序團隊提供3個接口滿足小程序切換視頻號直播的場景需求。
開發者需要注意:直播的不同狀態會導致直接切換至視頻號的承接頁面不同。
現在,開發者可通過 3 個接口實現小程序直接瀏覽視頻號直播的效果。
1)前提條件:小程序與視頻號為相同主體或關聯主體
調用接口:wx.getChannelsLiveInfo 獲取視頻號直播信息
// page.js 獲取視頻號直播信息
wx.getChannelsLiveInfo({
finderUserName: “yourfindusername”, // 視頻號 ID
startTime: “”, // 起始時間
endTime: “”, // 結束時間
success(res) {
res.feedId // 直播 feedId
res.nonceId // 直播 nonceId
res.status // 直播狀態,2: 直播中、3: 直播結束
res.description // 直播主題
res.replayStatus // 視頻號回放狀態,0: 未生成、1: 已生成、3: 生成中、6: 已過期
res.otherInfos // 除最近的一條直播外,其他的直播列表
}
})
2)前提條件:小程序與視頻號為相同主體或關聯主體
調用接口:channel-live 無彈窗切換直播頁面
// page.wxml 視頻號直播組件
<channel-live
feed-id=”yourfeedid” // 直播 feedId
finder-user-name=”yourfindusername” // 視頻號 ID
></channel-live>
3)前提條件:小程序與視頻號為相同主體或關聯主體
調用接口:wx.openChannelsLive 有彈窗切換直播頁面
// 打開視頻直播
wx.openChannelsLive({
finderUserName: “yourfindusername”, // 視頻號 ID
feedId: “livefeedid”, // 上面獲取到的直播 feedId
nonceId: “livenonceid”, // 上面獲取到的直播 nonceId
})
5、查看主頁方面,除了滿足用戶對視頻 /直播內容的需求,微信團隊提供專屬接口直接切換至視頻號主頁,便于用戶快速查看視頻號的所有內容。
開發者僅需 3 行代碼即可快速實現小程序切換視頻號主頁的效果:
前提條件:小程序與視頻號為相同主體或關聯主體
調用接口:wx.openChannelsUserProfile
wx.openChannelsUserProfile({
finderUserName: “yourfindusername” // 視頻號 ID
})
開發者根據不同的應用場景及主體要求,選擇合適的接口 / 組件,滿足用戶的使用體驗。
未來,微信各項能力仍將繼續緊密合作,提供更絲滑的使用體驗,支持更豐富的開發接口,建設更好的生態!
相關內容閱讀:微信小程序接入視頻號直播賣貨操作指引