微信小程序直播如何开发？只需两步，引入直播组件和调用服务端接口

微信小程序直播如何开发如果你想在微信小程序中实现直播功能，你可能会遇到以下问题：

如何获取直播房间列表和直播状态？
如何跳转到直播间或在小程序内嵌入直播？
如何发起预约或订阅直播？
如何管理直播间和商品？

这些问题看起来很复杂，但其实有一个简单的解决方案：使用微信官方提供的小程序直播组件和服务端接口。

小程序直播组件和服务端接口是微信官方提供的商家经营工具，可以帮助你在小程序中实现直播互动和商品销售闭环。你只需要按照以下步骤，就可以在你的小程序中引入直播组件并调用相关接口，实现直播功能。

引入直播组件

要引入直播组件，你需要在你的项目根目录的 app.json 文件中配置 live-player-plugin 代码包，并填写该组件的版本号和提供者 appid。你可以在微信开放文档中查看该组件的最新版本号和提供者 appid。

你可以选择在主包或分包内引入该组件，具体的配置方法如下：

(1) 主包引入

"plugins": {  "live-player-plugin": {    "version": "1.3.0", // 注意填写该直播组件最新版本号    "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid  } }

复制

(2) 分包引入

"subpackages": [  {    "plugins": {      "live-player-plugin": {        "version": "1.3.0", // 注意填写该直播组件最新版本号        "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid      }    }  } ]

复制

使用直播组件

引入了直播组件后，你就可以使用它提供的一系列接口和功能，包括：

获取视频号或小程序直播房间列表和状态
跳转到视频号或小程序直播间或在小程序内嵌入直播
发起预约或订阅视频号或小程序直播
获取用户 openid 参数和分享卡片链接参数
关闭小窗模式

具体的使用方法如下：

(1) 获取视频号或小程序直播房间列表和状态

你可以通过 wx.getChannelsLiveInfo 接口获取视频号或小程序直播房间的信息，包括房间 id、状态、主题、头像昵称等。你需要传入视频号 id（finderUserName 参数）或小程序 id（appId 参数），以及起止时间（startTime 和 endTime 参数）来获取指定时间段内的全部直播信息。其中正在直播或最近一场的直播信息会直接在出参中返回，其余直播信息会在 otherInfos 中以列表形式返回。

(2) 跳转到视频号或小程序直播间或在小程序内嵌入直播

你可以通过 wx.openChannelsLive 接口跳转到视频号或小程序的直播间，也可以通过 channel-live 组件在小程序中展示视频号或小程序的直播封面。你需要传入视频号 id（finderUserName 参数）或小程序 id（appId 参数），以及房间 id（feedId 参数）来跳转到指定的直播间。不同的直播状态，跳转至视频号或小程序的承接页有所不同，具体如下：

直播未开始：上一场直播的结束页
直播中：直播页面
直播已结束（无回放）：直播结束页
直播已结束（有回放）：回放页面

(3) 发起预约或订阅视频号或小程序直播

你可以通过 wx.getChannelsLiveNoticeInfo 接口获取视频号或小程序直播的预告信息，包括预告 id（noticeId 参数）。你需要传入视频号 id（finderUserName 参数）或小程序 id（appId 参数）来获取指定的预告信息。若当前没有可预约的直播预告，将返回失败。

获取预告信息后，你可以通过 wx.reserveChannelsLive 接口唤起预约弹窗，用户可以进行预约操作。成功唤起弹窗即为接口调用成功，通过 state 可以获取用户具体操作行为，具体如下：

state = 1，正在直播中，用户点击“取消”拒绝前往直播
state = 2，正在直播中，用户点击“允许”前往直播
state = 3，预告已取消
state = 4，直播已结束
state = 5，用户此前未预约，在弹窗中未预约直播直接收起弹窗
state = 6，用户此前未预约，在弹窗中预约了直播
state = 7，用户此前已预约，在弹窗中取消了预约
state = 8，用户此前已预约，直接收起弹窗
state = 9，弹窗唤起前用户直接取消
state = 10，直播预约已过期

(4) 获取用户 openid 参数和分享卡片链接参数

你可以通过 wx.getOpenid 接口获取用户 openid 参数，在直播组件版本 1.3.0 及以上版本支持。你需要传入视频号 id（finderUserName 参数）或小程序 id（appId 参数）来获取指定的 openid 参数。

你可以通过 wx.getShareParams 接口获取分享卡片链接参数，在直播组件版本 1.3.0 及以上版本支持。你需要传入视频号 id（finderUserName 参数）或小程序 id（appId 参数），以及房间 id（feedId 参数）来获取指定的分享卡片链接参数。你可以根据这些参数建立用户、直播间、商品之间的映射关系。

(5) 关闭小窗模式

你可以通过 close_picture_in_picture_mode 参数设置是否关闭小窗模式，在直播组件版本 1.3.0 及以上版本支持。你需要传入视频号 id（finderUserName 参数）或小程序 id（appId 参数），以及房间 id（feedId 参数）来设置指定的小窗模式。