3行代碼實現(xiàn)小程序直播，帶美顏優(yōu)惠券抽獎功能
2021-08-06 13:44:36

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

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

一，首先要給你的小程序開通直播插件功能

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

點擊一下，就可以進入小程序直播開通頁面

注意我們上圖紅色框里的一些要求。必須要滿足這些條件，才可以開通直播功能。更詳細些的如下：

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

并且小程序的服務類目也要符合官方要求

到這里，才算真正開通了小程序直播功能。

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

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

選擇手機直播

這里需要用一個實名認證的微信做主播端。

認證后如下：

這里設置直播的一些封面等信息

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


這里的直播碼，掃碼后就可以直接開播了，還有這里的房間號一定要記牢，后面會用到。

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

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

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

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

1，首先是要創(chuàng)建一個小程序項目

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

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

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

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

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

3，然后編寫可以跳轉到直播間的代碼

代碼很簡單，就寫一個button按鈕，然后添加點擊事件即可。

點擊事件如下

其實官方文檔里也有講

直播房間的房間id我們在創(chuàng)建直播間成功后其實可以拿的到的。

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

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

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

如果你訂閱開播提醒了，還會有開播提醒

直播結束狀態(tài)

主播暫時離開

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

主播端可以設置美顏等功能

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

直播結束后，還有回放功能

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