小程序植入直播功能

我们商城小程序被邀请开通直播功能，直播功能还是很吸引人的，可以顺利完成小程序内的购买交易闭环，提高转化率；所以马上就安排了开发工作。

小程序直播组件包括观众端、主播端和后台管理端。观众端提供拉流、实时互动、订阅提醒、商品购买等能力；主播端提供开播、推流、音视频效果优化等能力；后台管理端负责直播间、商品上架、营销活动的配置。

所以其实大部分的工作都是管理和运营做的，在小程序上只需要跳转直播入口就可以了。

微信在集成直播功能方面做的还是不错的，按照文档很轻松的就完成了集成的开发工作，这里记录一下我集成的过程，对照微信官方文档会更清楚。

组件介绍

使用分包引入直播组件，在项目根目录的app.json中添加如下引用

{
 "subpackages": [
  {
     "root": "zhibo",
     "pages": [
       "list/list"
    ],
     "plugins": {
       "live-player-plugin": {
         "version": "1.0.0",
         "provider": "wx2b03c6e691cd7370"
      }
    }
  }
]
}

直播房间列表页

然后像上面一样创建 /list/list 页面。

<text>直播室页面</text>
<navigator url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=1">直播1 </navigator>

这是您自己的直播房间ID，您可以通过调用您自己的后台获取。

自己的后端需要获取直播间列表信息，方法如下：

请求URL：http://api.weixin.qq.com/wxa/business/getliveinfo?access_token=

请求方式：POST

完成的

是不是很棒？就是这样。测试一下：

刚刚进来。等待演出开始。

防范措施

直播功能对基础库版本有要求，需2.9及以上版本，微信客户端需7.0.7及以上版本，使用较低版本时，进入直播间会提示用户升级微信客户端版本（低版本只能看直播，无法使用直播间功能）。

调试的时候注意选择基础库版本。

商品详情页需要添加退货按钮

在直播组件页点击上架商品后跳转至商家小程序商品详情页，为防止用户无法返回直播间，商家需要在小程序商品详情页左上角添加返回按钮，用于返回直播组件页。