小程序对接视频号接口整理_使用整理_微信视频号接口

一、小程序对接视频号组件

微信文档》组件》媒体组件

1.channel-live  视频号直播组件 （注版本还在更新中，暂时不推荐使用）

小程序内嵌视频号直播组件，展示视频号直播状态和封面，并无弹窗跳转至视频号。注意：使用该组件打开的视频号视频需要与小程序的主体一致。

只有手机端可以使用，pc端目前不支持。

官网地址：channel-live | 微信开放文档

使用案例：

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        var _this = this;
        wx.getChannelsLiveInfo({
            finderUserName: 'sphM3vWYCKM6VRc',
            success: res => {
                _this.setData({
                    liveList: res,
                    feedId: res.feedId
                });
            },
            fail: res => {
                console.error(res);
            }
        });
    },

<channel-live finder-user-name="sphM3vWYCKM6VRc" feed-id="{{feedId}}">
	</channel-live>

2.channel-video 视频号视频组件

小程序内嵌视频号视频组件，支持在小程序中播放视频号视频，并无弹窗跳转至视频号。

注意：

使用该组件打开的视频号视频需要与小程序的主体一致。

暂不支持纯图片视频号内容。

官网地址：channel-video | 微信开放文档

使用案例：

<channel-video class="channelvideo" autoplay="true" loop="true" 
finder-user-name="sphM3vWYCKM6VRc" 
feed-id="export/UzFfAgtgekIEAQAAAAAAddkJ_jfK7AAAAAstQy6ubaLX4KHWvLEZgBPEvIIAFDQKfrGBzNPgMJpIh5iicDNNo-PLxFUJeSii"></channel-video>

二、小程序对接视频号接口

1.跳转视频号主页 

wx.openChannelsUserProfile

官方文档：wx.openChannelsUserProfile(Object object) | 微信开放文档

        wx.openChannelsUserProfile({
            finderUserName: 'sphM3vWYCKM6VRc',
            success: res => {
                wx.showToast({
                    title: '跳转成功',
                })
            },
            fail: res => {
                wx.showToast({
                    title: '跳转失败',
                })
            }
        });

2.跳转视频号视频

wx.openChannelsActivity

官网文档：wx.openChannelsActivity(Object object) | 微信开放文档

        wx.openChannelsActivity({
            finderUserName: 'sphM3vWYCKM6VRc',
            feedId: 'export/UzFfAgtgekIEAQAAAAAAddkJ_jfK7AAAAAstQy6ubaLX4KHWvLEZgBPEvIIAFDQKfrGBzNPgMJpIh5iicDNNo-PLxFUJeSii',
        });

3.跳转视频号活动

wx.openChannelsEvent

官网文档：wx.openChannelsEvent(Object object) | 微信开放文档

    wx.openChannelsEvent({
            finderUserName: 'sphM3vWYCKM6VRc',
            eventId: 'event/UzFfAgtgekIEAQAAAAAAh1IJ-9Ai3QAAAAstQy6ubaLX4KHWvLEZgBPEkqMQaUkHVreBzNPgMJp4VvfElleQxT8mfoMG8Z7e'
        });

4.视频号直播

获取直播信息 wx.getChannelsLiveInfo

官方文档：wx.getChannelsLiveInfo(Object object) | 微信开放文档

获取预告信息 wx.getChannelsLiveNoticeInfo

官网文档：wx.getChannelsLiveNoticeInfo(Object object) | 微信开放文档

预约直播 wx.reserveChannelsLive

官网地址：wx.reserveChannelsLive(Object object) | 微信开放文档

打开直播 wx.openChannelsLive

官网地址：wx.openChannelsLive(Object object) | 微信开放文档

更多：

微信小程序图片验证组件封装微信小程序中使用字体库_小程序使用自定义字体库小程序消息推送配置 Token校验失败，请检查确认