最近準(zhǔn)備給自己的小程序做個(gè)直播功能，看下直播所需要的一些資質(zhì)，瞬間被嚇止步。后面發(fā)現(xiàn)小程序官方出了直播插件，這就為小程序接入直播提供的諸多便利。僅僅需要一些簡(jiǎn)單的配置，就可以輕松實(shí)現(xiàn)直播功能了。下面帶大家來(lái)一步步給自己的小程序添加直播功能吧。

老規(guī)矩，先看效果圖

一，首先要給你的小程序開(kāi)通直播插件功能

登錄我們的小程序后臺(tái)，可以看到如下圖所示的直播

點(diǎn)擊一下，就可以進(jìn)入小程序直播開(kāi)通頁(yè)面

注意我們上圖紅色框里的一些要求。必須要滿(mǎn)足這些條件，才可以開(kāi)通直播功能。更詳細(xì)些的如下：

這就注定目前只能是通過(guò)認(rèn)證的企業(yè)小程序才可以開(kāi)通直播功能了。個(gè)人小程序目前是沒(méi)法開(kāi)通的。我剛開(kāi)始還不信，用我的個(gè)人小程序試了試。結(jié)果就如下圖，后面沒(méi)辦法就注冊(cè)了一個(gè)企業(yè)小程序。

并且小程序的服務(wù)類(lèi)目也要符合官方要求

到這里，才算真正開(kāi)通了小程序直播功能。

二，創(chuàng)建直播間

點(diǎn)擊創(chuàng)建直播間

選擇手機(jī)直播

這里需要用一個(gè)實(shí)名認(rèn)證的微信做主播端。

認(rèn)證后如下：

這里設(shè)置直播的一些封面等信息

直播間創(chuàng)建成功后如下

這里的直播碼，掃碼后就可以直接開(kāi)播了，還有這里的房間號(hào)一定要記牢，后面會(huì)用到。

這里可以往直播間里添加商品，優(yōu)惠券等

下面就是根據(jù)官方文檔來(lái)代碼實(shí)現(xiàn)直播功能了

三，直播功能的代碼實(shí)現(xiàn)

我們創(chuàng)建號(hào)直播間以后，接下來(lái)就要在小程序代碼里實(shí)現(xiàn)直播功能了。

1，首先是要?jiǎng)?chuàng)建一個(gè)小程序項(xiàng)目

至于如何創(chuàng)建小程序項(xiàng)目我這里就不再教大家了，如果你還不知道如何創(chuàng)建小程序項(xiàng)目，建議你去翻下我的歷史文章，或者看看我錄的《10小時(shí)零基礎(chǔ)入門(mén)小程序開(kāi)發(fā)》?創(chuàng)建好的小程序項(xiàng)目如下

2，在app.json里添加直播插件

其實(shí)官方的接入文檔寫(xiě)的很清晰了。下面把官方文檔貼出來(lái)給大家：https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html

我們只需要把上面紅色框里的代碼復(fù)制到app.json里就可以了。記得把注釋去掉

一定要記得，除了把注釋去掉之外，其他的都不要做改動(dòng)。

3，然后編寫(xiě)可以跳轉(zhuǎn)到直播間的代碼

代碼很簡(jiǎn)單，就寫(xiě)一個(gè)button按鈕，然后添加點(diǎn)擊事件即可。

點(diǎn)擊事件如下

其實(shí)官方文檔里也有講

直播房間的房間id我們?cè)趧?chuàng)建直播間成功后其實(shí)可以拿的到的。

到這里我們的直播功能就完整的實(shí)現(xiàn)了。下面我們來(lái)看看都有哪些直播狀態(tài)

四，直播狀態(tài)的顯示

未開(kāi)播狀態(tài)，這里我們可以訂閱開(kāi)播提醒，等開(kāi)播的時(shí)候，會(huì)有訂閱消息提醒。

如果你訂閱開(kāi)播提醒了，還會(huì)有開(kāi)播提醒

直播結(jié)束狀態(tài)

主播暫時(shí)離開(kāi)

主播端網(wǎng)絡(luò)異常中斷

主播端可以設(shè)置美顏等功能

并且我們的小程序直播間里可以設(shè)置優(yōu)惠券，抽獎(jiǎng)，添加商品。

直播結(jié)束后，還有回放功能

好，到這里就給大家把小程序直播功能完整的講解完了。由于代碼量太少，實(shí)現(xiàn)起來(lái)比較簡(jiǎn)單，所以就不給大家錄講解視頻了。