申請(qǐng)開通小程序直播

1、申請(qǐng)小程序直播有以下幾個(gè)硬性指標(biāo)：

1. 滿足小程序18個(gè)開放類目
2. 主體下小程序近半年沒有嚴(yán)重違規(guī)
3. 小程序近90天內(nèi)有過支付行為
4. 主體下公眾號(hào)累計(jì)粉絲數(shù)大于100人
5. 主體下小程序連續(xù)7日日活躍用戶數(shù)大于100人
6. 主體在微信生態(tài)內(nèi)近一年廣告投放實(shí)際消費(fèi)金額大于1萬元

注：條件1、2、3為必須滿足，4、5、6為滿足其中一項(xiàng)即可

2、登錄微信公眾平臺(tái)，提交申請(qǐng)

左側(cè)菜單欄找到直播，即可申請(qǐng)。

小程序接入直播組件

1、引入直播組件

支持在主包或分包內(nèi)引入【直播組件】 live-player-plugin 代碼包（注：直播組件不計(jì)入代碼包體積），項(xiàng)目根目錄的 app.json 引用

（1）主包引入

"plugins": {
    "live-player-plugin": {
        "version": "1.1.10", // 注意填寫該直播組件最新版本號(hào)，微信開發(fā)者工具調(diào)試時(shí)可獲取最新版本號(hào)（復(fù)制時(shí)請(qǐng)去掉注釋）
        "provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid，該示例值即為直播組件appid（復(fù)制時(shí)請(qǐng)去掉注釋）
    }
}

（2）分包引入

"subpackages": [
    {
        "plugins": {
            "live-player-plugin": {
                "version": "1.1.10", // 注意該直播組件最新版本號(hào)，微信開發(fā)者工具調(diào)試時(shí)可獲取最新版本號(hào)（復(fù)制時(shí)請(qǐng)去掉注釋）
                "provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid，該示例值即為直播組件appid（復(fù)制時(shí)請(qǐng)去掉注釋）
            }
        }
    }
]

2、獲取直播列表

通過調(diào)用接口進(jìn)行獲取， 接口詳情

下面是使用C#請(qǐng)求此接口的示例

public string JsCode2Session()
        {
            string appid = XXX;
            string secret = XXX;
            string JsCode2SessionUrl = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={0}&secret={1}";
            var url = string.Format(JsCode2SessionUrl, appid, secret);
            var str = HttpHelper.HttpGet(url);

            try
            {
                var jo = JsonHelper.ToJObject(str);
                string access_token = jo["access_token"].ToString();
                return access_token;
            }
            catch (Exception ex)
            {
                return "";
            }
        }

        [HttpGet]
        public async Task>> GetLivePlayer()
        {
            string url = "https://api.weixin.qq.com/wxa/business/getliveinfo?access_token={0}";
            string token = JsCode2Session();
            url = string.Format(url, token);
            var postData = http://www.wxapp-union.com/new QueryArgs
            {
                start = 0,
                limit = Int32.MaxValue
            };
            string result = HttpHelper.HttpPost(url, Newtonsoft.Json.JsonConvert.SerializeObject(postData));
            List roomInfos = new List();
            TData> obj = new TData>();
            if (!string.IsNullOrEmpty(result))
            {
                var json = JsonHelper.ToJObject(result);
                var error = json["errcode"].ToString();
                if (error == "0")
                {
                    roomInfos = JsonHelper.ToObject>(json["room_info"].ToString());                    
                    obj.Result = roomInfos;
                    obj.TotalCount = roomInfos.Count;
                    obj.Tag = 1;
                }
                else
                {
                    obj.TotalCount = 0;
                    obj.Message = json["errmsg"].ToString();
                    obj.Tag = 0;
                }
            }
            return obj;
        }

	//房間信息
	public class RoomInfo
    {
        public string name { get; set; }
        public string roomid { get; set; }
        public string cover_img { get; set; }
        public string share_img { get; set; }
        public LiveStatus live_status { get; set; }
        public string start_time { get; set; }
        public string end_time { get; set; }
        public string anchor_name { get; set; }
        public int total { get; set; }
    }
	//直播狀態(tài)
    public enum LiveStatus
    {
        直播中 = 101,
        未開始,
        已結(jié)束,
        禁播,
        暫停,
        異常,
        已過期
    }

通過調(diào)用GetLivePlayer接口即可獲取直播間列表。

3、使用直播組件

（1）在wxml頁面遍歷所有直播

<block wx:for="{{liveList}}" wx:key="{{title}}">
	<view style="width:350rpx" bindtap="tolive" data-roomid="{{item.roomid}}" class="recommend_sp_img">
		<image class="image1" src="{{item.cover_img}}" mode="aspectFill">image>
		<text class="shiping">{{item.name}}text>
	view>
block>

（2）在js頁面進(jìn)行跳轉(zhuǎn)

tolive:function(e){
    console.log(e)
    let roomId = e.currentTarget.dataset.roomid
    wx.navigateTo({
        url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}`
    })
  }

直播間創(chuàng)建

1、在微信公眾平臺(tái)中的直播間控制臺(tái)創(chuàng)建

2、通過接口創(chuàng)建

創(chuàng)建直播間的 接口詳情