騰訊云提供了全套技術(shù)文檔和源碼來(lái)幫助您快速構(gòu)建一個(gè)音視頻小程序，但是再好的源碼和文檔也有學(xué)習(xí)成本，為了盡快的能調(diào)試起來(lái)，我們還提供了一個(gè)免費(fèi)的一鍵部署服務(wù)：您只需輕點(diǎn)幾下鼠標(biāo)，就可以在自己的賬號(hào)下獲得一個(gè)音視頻小程序，同時(shí)附送一臺(tái)擁有獨(dú)立域名的測(cè)試服務(wù)器，讓您可以在 5 分鐘內(nèi)快速構(gòu)建出自己的測(cè)試環(huán)境。

通過(guò)微信公眾平臺(tái)授權(quán)登錄騰訊云

打開 微信公眾平臺(tái) 注冊(cè)并登錄小程序，按如下步驟操作：

1. 單擊左側(cè)菜單欄中的【設(shè)置】。
2. 單擊右側(cè) Tab 欄中的【開發(fā)者工具】。
3. 單擊【騰訊云】，進(jìn)入騰訊云工具頁(yè)面，單擊【開通】。
4. 使用小程序綁定的微信掃碼即可將小程序授權(quán)給騰訊云，開通之后會(huì)自動(dòng)進(jìn)去騰訊云微信小程序控制臺(tái)，顯示開發(fā)環(huán)境已開通，此時(shí)可以進(jìn)行后續(xù)操作。

注意：

此時(shí)通過(guò)小程序開發(fā)者工具查看騰訊云狀態(tài)并不會(huì)顯示已開通，已開通狀態(tài)會(huì)在第一次部署開發(fā)環(huán)境之后才會(huì)同步到微信開發(fā)者工具上。

免費(fèi)開通騰訊云服務(wù)

1 開通直播服務(wù)

1.1 申請(qǐng)開通視頻直播服務(wù)

進(jìn)入 直播管理控制臺(tái)，如果服務(wù)還沒有開通，則會(huì)有如下提示:

點(diǎn)擊申請(qǐng)開通，之后會(huì)進(jìn)入騰訊云人工審核階段，審核通過(guò)后即可開通。

1.2 配置直播碼

直播服務(wù)開通后，進(jìn)入【直播控制臺(tái)】>【直播碼接入】>【接入配置】(https://console.cloud.tencent.com/live/livecodemanage) 完成相關(guān)配置，即可開啟直播碼服務(wù)：

點(diǎn)擊【確定接入】按鈕即可。

1.3 獲取直播服務(wù)配置信息

從直播控制臺(tái)獲取bizid、pushSecretKey，后面配置服務(wù)器會(huì)用到：

2. 開通云通信服務(wù)

2.1 申請(qǐng)開通云通訊服務(wù)

進(jìn)入云通訊管理控制臺(tái)，如果還沒有服務(wù)，直接點(diǎn)擊直接開通云通訊按鈕即可。新認(rèn)證的騰訊云賬號(hào)，云通訊的應(yīng)用列表是空的，如下圖：

點(diǎn)擊創(chuàng)建應(yīng)用接入按鈕創(chuàng)建一個(gè)新的應(yīng)用接入，即您要接入騰訊云IM通訊服務(wù)的App的名字，我們的測(cè)試應(yīng)用名稱叫做“RTMPRoom演示”，如下圖所示：

點(diǎn)擊確定按鈕，之后就可以在應(yīng)用列表中看到剛剛添加的項(xiàng)目了，如下圖所示：

2.2 配置獨(dú)立模式

上圖的列表中，右側(cè)有一個(gè)應(yīng)用配置按鈕，點(diǎn)擊這里進(jìn)入下一步的配置工作，如下圖所示。

2.3 獲取云通訊服務(wù)配置信息

從直播控制臺(tái)獲取SdkAppid、accountType、privateKey、administrator，后面配置服務(wù)器會(huì)用到：

從驗(yàn)證方式中下載公私鑰，解壓出來(lái)將private_key用文本編輯器打開，如：

-----BEGIN PRIVATE KEY-----
MIGHAgEAsUj5ep7r9TVxTrZiSpXQKhRANCAASuxr7AJGiXRqGpiO7pPrLAchyORc
Y5uWCqVm+QFTn0H+ZcHP93ss3OhgZKh8pq+g7X26dW5fQkiSH1PXG/FY
zbTbMHaWCqVm+QFTn0H+QKhRANCAASuxr7AJGiXRqGpiO7pPr7jTFTmg
-----END PRIVATE KEY-----

將其轉(zhuǎn)換成字符串形式如下所示，后面在server配置文件中使用：

"-----BEGIN PRIVATE KEY-----\r\n"+
"MIGHAgEAsUj5ep7r9TVxTrZiSpXQKhRANCAASuxr7AJGiXRqGpiO7pPrLAchyORc\r\n"+
"Y5uWCqVm+QFTn0H+ZcHP93ss3OhgZKh8pq+g7X26dW5fQkiSH1PXG/FY\r\n"+
"zbTbMHaWCqVm+QFTn0H+QKhRANCAASuxr7AJGiXRqGpiO7pPr7jTFTmg\r\n"+
"-----END PRIVATE KEY-----\r\n"

三、安裝微信小程序開發(fā)工具

下載并安裝最新版本的微信開發(fā)者工具，使用小程序綁定的微信號(hào)掃碼登錄開發(fā)者工具。

四、下載 Demo

訪問 SDK+Demo，獲取小程序 Demo 和后臺(tái)源碼。

五、上傳和部署代碼

1. 打開第三步安裝的微信開發(fā)者工具，點(diǎn)擊【小程序項(xiàng)目】按鈕。
2. 輸入小程序 AppID，項(xiàng)目目錄選擇上一步下載下來(lái)的代碼目錄，點(diǎn)擊確定創(chuàng)建小程序項(xiàng)目。
3. 再次點(diǎn)擊【確定】進(jìn)入開發(fā)者工具。

注意：

 

目錄請(qǐng)選擇 RTMPRoom 根目錄。包含有 project.config.json，請(qǐng)不要只選擇 wxlite 目錄！

 

 

1. 打開 Demo 代碼中 server 目錄下的 config.js 文件，將其中的 bizid、pushSecretKey、APIKey、sdkAppID、accountType、administrator、privateKey配置成上述直播服務(wù)及云通信服務(wù)里生成的值，并保存。修改 MySQL 密碼
2. 點(diǎn)擊界面右上角的【騰訊云】圖標(biāo)，在下拉的菜單欄中選擇【上傳測(cè)試代碼】。

 

1. 選擇【模塊上傳】并勾選全部選項(xiàng)，然后勾選【部署后自動(dòng)安裝依賴】，點(diǎn)擊【確定】開始上傳代碼。

   

2. 上傳代碼完成之后，點(diǎn)擊右上角的【詳情】按鈕，接著選擇【騰訊云狀態(tài)】即可看到騰訊云自動(dòng)分配給你的開發(fā)環(huán)境域名：

 

1. 完整復(fù)制（包括 https://）開發(fā)環(huán)境 request 域名，然后在編輯器中打開 wxlite/config.js 文件，將復(fù)制的域名填入 url 中并保存，保存之后編輯器會(huì)自動(dòng)編譯小程序，左邊的模擬器窗口即可實(shí)時(shí)顯示出客戶端的 Demo：
2. 在模擬器中編譯運(yùn)行點(diǎn)擊多人音視頻進(jìn)入，在右側(cè)的console里面可以看到登錄成功的log表示配置成功。

 

常見問題 FAQ

1. 運(yùn)行小程序進(jìn)入多人音視頻看不到畫面?

• 請(qǐng)確認(rèn)使用手機(jī)來(lái)運(yùn)行，微信開發(fā)者工具內(nèi)部的模擬器目前還不支持直接運(yùn)行
• 請(qǐng)確認(rèn)小程序基礎(chǔ)庫(kù)版本 wx.getSystemInfo 可以查詢到該信息，1.7.0 以上的基礎(chǔ)庫(kù)才支持音視頻能力。
• 請(qǐng)確認(rèn)小程序所屬的類目，由于監(jiān)管要求，并非所有類目的小程序都開發(fā)了音視頻能力，已支持的類目請(qǐng)參考 DOC。