小程序直播从开通到跑路教程——开发篇 - WXOPEN Club

一、准备工作

1、一个已经申请开通和正常使用的实实在在的小程序

PS：如果开发了直播功能，但是没有审核上架成功过，直播间分享出去的二维码点击会提示<strong style="color: rgb(250, 81, 81);">页面不存在！！！</strong>

原因很简单，因为你新开发的直播页面正式版的小程序上并没有新加进去，必须要提审上架到正式版才能生效！

二、小程序直播准入要求

满以下条件的电商平台、自营商家，即可开通小程序直播：

（同时满足以下1、2、3条件，加上4、5、6条件的其中之一即可。）

①满足小程序18个开放类目（包括：电商平台、商家自营-百货、食品、初级食用农产品、酒/盐、图书报刊/音像/影视/游戏/动漫、汽车/其他交通工具的配件、服装/鞋/箱包、玩具/母婴用品(不含食品)、家电/数码/手机、美妆/洗护、珠宝/饰品/眼镜/钟表、运动/户外/乐器、鲜花/园艺/工艺品、家居/家饰/家纺、汽车内饰/外饰、办公/文具、机械/电子器件）

②主体下小程序近半年没有严重违规；

③小程序近90天内，有过支付行为；

④ 主体下公众号累计粉丝数大于100人；

⑤ 主体下小程序连续7日日活跃用户数大于100人；

⑥ 主体在微信生态内近一年广告投放实际消耗金额大于1万元；

三、进入小程序后台直播，创建直播间

如果你的小程序满足了第二点。小程序后台会有一个直播的入口（没有的话自己找找原因）

点击进入后-&gt;创建直播间

按提示操作即可成功创建直播间。（注意点：开播时间最早不能早于当前时间10分钟后）

创建成功后，会有一个开播码。注意这个开播码是给主播用的，主播开播的入口小程序码。主播可以扫码进入直播间开播。

四、小程序端开发

完成上面3步算是完成主播端的配置了，接下来是收播端（观看直播的小程序端）的开发了。这个是要小程序开发者完成的。所以下面操作都在小程序开发端完成。__下面就简单介绍开发逻辑和顺序，具体的要用到的API和接口都不细说，在后面相关链接里面可以点击官方链接查看！__

（1）引入直播插件（直接按官方介绍文档操作）

需要注意的是直播主机的appid获取方法：小程序后台->设置->第三方设置->拉到底部，插件管理->小程序直播插件->点击详情获取到provider

（2）开发后端

后端目前官方只提供了2个接口。一个是获取直播间列表，一个是获取直播间直播完后的相关回放信息，其中第一个接口必须先完成。小程序端才能接下来的开发。

（3）进入直播页面

引入直播插件后，你可以直接编码进入直播页面了。像进入普通页面一样，可以通过wxml里面的<span style="font-size: 16px;">navigator url="xxxx"的方式和js里的wx.navigateTo跳转页面代码进入直播页面。但是他这个url比较特殊，是下面这样的格式：</span>

  url: `plugin-private://${provider}/pages/live-player-plugin?room_id=${roomId}&custom_params=${encodeURIComponent(JSON.stringify(customParams))}`
  provider:插件appid（1）小步里面获取到的
  rommId:直播间id（2）小步里面获取列表后里面的roomId
  customParams:自定义的进入页面参数。（根据需要自己定义的传入直播间收播页面的参数）

进入直播间收播页面后的开发量为0，因为这个是由直播间插件接管并完成相关功能。

（4）几个注意点：

4.1、后端获取直播间列表接口几个跟官方文档介绍不一致的地方

4.2、 wx.getLiveStatus获取直播间状态这个API官方介绍：首次获取立马返回直播状态，往后间隔1分钟或更慢的频率去轮询获取直播状态。实际使用过程中建议也这么干，如果需要轮询直播间状态，建议间隔时间1分钟以上，如果少于这个值，基本上就是卡在这里后面的代码都不执行了。还有，有时候即使超过1分钟后再轮询，也会偶发性出现获取不到卡住的情况。解决方法，大家可以看看开发者工具里面的本地Storage相关的值，然后后面怎么做你懂的。。

4.3订阅组件subscribe的样式问题。不多说，你懂的，你加上去就能看到效果

4.4后端接口每日调用次数限制的问题。要做好相关缓存到本地的架构设计。

4.5运营上一定要注意，按要求直播。别整那些没用的，很容易被禁播的。

（4）回放功能开发

这个没啥说的，按照官方文档可以顺利完成。（以后官方会提供直接回放功能，意味着不久后这个功能可以0开发引入），这里如果要实现微视的那种刷视频的效果，大家可以试用下video-swiper组件（这个组件也有些坑）

五、跑路

这里的跑路是指代码写累了，带上口罩和吉娃娃去公园跑一圈路回来继续码。