微信小程序和視頻號打通，切換無比絲滑-魔扣目錄

作者：微信開發者公眾號

為了實現小程序與視頻號的絲滑切換，微信團隊提供 小程序 - 視頻號接口與組件 ，覆蓋瀏覽視頻、參與活動、預約直播、觀看直播、查看主頁等常用場景，代碼更少、調用更高效、體驗更絲滑！

快來看看如何高效應用吧！

注意：在正式開發前，開發者需要獲取以下參數，否則將無法成功調用。

左右滑動查看獲取操作

瀏覽視頻

在使用小程序過程中，豐富的視頻內容讓用戶更全面、更便捷地了解產品，加速變現效率，幫助品牌獲得更好的曝光機會。

對于同主體或非同主體的情況，開發者都能夠調用接口實現從小程序切換指定的視頻號視頻的效果。

前提條件：小程序與視頻號為相同主體或關聯主體

調用接口： 無彈窗切換至視頻號視頻

feed-id="yourfeedid" // 視頻 ID finder-user-name="yourfindusername" // 視頻號 ID binderror="binderror" >channel-video>

前提條件： 無主體要求

調用接口： 有彈窗切換至視頻號視頻

wx.openChannelsActivity({ feedId: "yourfeedid", // 視頻 ID finderUserName: "yourfindusername", // 視頻號 ID })

參與活動

以電商行業為例，商家希望用戶在小程序完成購買流程后，參與官方視頻號的用戶反饋活動，豐富服務內容。此時，通過小程序直接跳轉視頻號活動頁面能夠快速滿足場景需求。

現在，開發者僅需 4 行代碼即可快速實現小程序切換視頻號活動頁的效果。

前提條件：小程序與視頻號為相同主體或關聯主體

調用接口：

wx.openChannelsEvent({ finderUserName: "yourfindusername", // 視頻號 ID eventId: "eventid", // 活動 id，可在「視頻號助手」-「內容管理」-「活動管理」獲取 })

預約直播

以游戲行業為例，游戲提供方通過小程序打造交流社區，也希望在小程序社區分享游戲直播預告信息，便于用戶及時觀看直播、提升社區活躍度。

現在，開發者直接調用 2 個接口即可實現在小程序快速預約視頻號直播。

前提條件： 小程序與視頻號為相同主體或關聯主體

調用接口：

獲取直播預告信息
預約直播

// 獲取視頻號直播預告信息 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 })

觀看直播

以教育行業為例，用戶在小程序查看產品信息的同時及時通過直播了解到產品詳情，一定程度上提升下單率與復購率。因此，小程序團隊提供 3 個接口滿足小程序切換視頻號直播的場景需求。

開發者需要注意：直播的不同狀態會導致直接切換至視頻號的承接頁面不同：

直播未開始：顯示上一場直播的結束頁
直播中：顯示直播頁面
直播已結束（無回放）：顯示直播結束頁
直播已結束（有回放）：顯示直播回放頁

直播已結束且無回放的示例

現在，開發者可通過 3 個接口實現小程序直接瀏覽視頻號直播的效果。

前提條件：小程序與視頻號為相同主體或關聯主體

調用接口： 獲取視頻號直播信息

// 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 // 除最近的一條直播外，其他的直播列表 } })

前提條件：小程序與視頻號為相同主體或關聯主體

調用接口： 無彈窗切換直播頁面

// page.wxml 視頻號直播組件 feed-id="yourfeedid" // 直播 feedId finder-user-name="yourfindusername" // 視頻號 ID >channel-live>

前提條件：小程序與視頻號為相同主體或關聯主體

調用接口： 有彈窗切換直播頁面

// 打開視頻直播 wx.openChannelsLive({ finderUserName: "yourfindusername", // 視頻號 ID feedId: "livefeedid", // 上面獲取到的直播 feedId nonceId: "livenonceid", // 上面獲取到的直播 nonceId })

查看主頁

除了滿足用戶對視頻 / 直播內容的需求，微信團隊提供專屬接口直接切換至視頻號主頁，便于用戶快速查看視頻號的所有內容。