閱讀(30.1k) 書簽贊(2) 我要糾錯(cuò)

微信小程序開發(fā)文檔-騰訊云支持

2018-09-29 16:36 更新

介紹

騰訊云為開發(fā)者提供免費(fèi)的開發(fā)環(huán)境和生產(chǎn)環(huán)境，更加方便、快速、可靠的構(gòu)建你的小程序。

目前服務(wù)端支持 NodeJS 和 PHP 兩種語言,開發(fā)者可以使用開發(fā)者工具同時(shí)進(jìn)行服務(wù)端和小程序的開發(fā)。

開發(fā)環(huán)境

免費(fèi)使用
自動(dòng)分配測試用二級域名：xxxxxxx.qcloud.la
自動(dòng)部署免費(fèi) HTTPS
僅可用于線上調(diào)試，不可發(fā)布
代碼部署、運(yùn)行和數(shù)據(jù)庫與生產(chǎn)環(huán)境完全分開
與微信開發(fā)工具打通，可一鍵部署、調(diào)試、重啟和恢復(fù)代碼

生產(chǎn)環(huán)境

免費(fèi)使用
用戶需購買或使用已有的騰訊云域名
自動(dòng)部署免費(fèi) HTTPS
用于線上發(fā)布，不可調(diào)試
使用微信開發(fā)工具上傳代碼，在騰訊云控制臺操作部署，上傳和發(fā)布分離，降低誤操作風(fēng)險(xiǎn)

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

打開微信公眾平臺注冊并登錄小程序，按如下步驟操作：

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

注意：

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

進(jìn)入微信公眾平臺后臺

開通騰訊云

騰訊云微信小程序控制臺

安裝開發(fā)工具

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

微信開發(fā)者工具

導(dǎo)入 NodeJS DEMO 和配置

1. 打開第二步安裝的微信開發(fā)者工具，點(diǎn)擊【小程序項(xiàng)目】按鈕。

2. 輸入小程序 AppID，項(xiàng)目目錄選擇一個(gè) 空的目錄 ，接著選擇【建立騰訊云 Node.js 啟動(dòng)模板】，點(diǎn)擊確定創(chuàng)建小程序項(xiàng)目。

微信開發(fā)者工具

3. 安裝依賴

為方便本地調(diào)試，建議您在本地安裝依賴。你也可以跳過這步直接使用開發(fā)者工具的“騰訊云”菜單中的“安裝依賴”直接在線上安裝依賴。

在您剛剛選擇的目錄打開 CMD 安裝依賴：

```
cd server && npm install
```

4. 點(diǎn)擊界面右上角的【騰訊云】圖標(biāo)，在下拉的菜單欄中選擇【上傳測試代碼】。

上傳按鈕

5. 首次使用推薦使用，選擇【模塊上傳】并勾選全部選項(xiàng)，然后勾選【部署后自動(dòng)安裝依賴】，點(diǎn)擊【確定】開始上傳代碼。后續(xù)修改服務(wù)端代碼后，推薦選擇智能上傳，工具僅僅上傳有修改過的代碼。

選擇模塊

上傳成功

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

查看開發(fā)域名

7. 如果當(dāng)前小程序是首次使用騰訊云小程序服務(wù)，需要完整復(fù)制（包括 https://）開發(fā)環(huán)境 request 域名，然后在編輯器中打開 client/config.js 文件，將復(fù)制的域名填入 host 中并保存，保存之后編輯器會自動(dòng)編譯小程序，左邊的模擬器窗口即可實(shí)時(shí)顯示出客戶端的 Demo：

修改客戶端配置

8. 在模擬器中點(diǎn)擊【登錄】，看到顯示“登錄成功”，即為開通完成，可以開始你的其他開發(fā)了。

登錄測試

導(dǎo)入 PHP DEMO 和配置

打開第二步安裝的微信開發(fā)者工具，點(diǎn)擊【小程序項(xiàng)目】按鈕。

tips:需要注意的是，如果當(dāng)前小程序已經(jīng)開通了 NodeJS 環(huán)境，需要點(diǎn)擊工具右上角詳情按鈕，選擇騰訊云狀態(tài)，點(diǎn)擊切換語言

在騰訊云管理后臺中可以選擇切換語言環(huán)境
輸入小程序 AppID，項(xiàng)目目錄選擇一個(gè)空的目錄，接著選擇【建立騰訊云 PHP 啟動(dòng)模板】，點(diǎn)擊確定創(chuàng)建小程序項(xiàng)目。
再次點(diǎn)擊【確定】進(jìn)入開發(fā)者工具。
點(diǎn)擊界面右上角的【騰訊云】圖標(biāo)，在下拉的菜單欄中選擇【上傳測試代碼】。
上傳代碼完成之后，點(diǎn)擊右上角的【詳情】按鈕，接著選擇【騰訊云狀態(tài)】即可看到騰訊云自動(dòng)分配給你的開發(fā)環(huán)境域名。
完整復(fù)制（包括 https://）開發(fā)環(huán)境 request 域名，然后在編輯器中打開 client/config.js 文件，將復(fù)制的域名填入 host 中并保存，保存之后編輯器會自動(dòng)編譯小程序，左邊的模擬器窗口即可實(shí)時(shí)顯示出客戶端的 Demo。
在模擬器中點(diǎn)擊【登錄】，看到顯示“登錄成功”，即為開通完成，可以開始你的其他開發(fā)了。

```