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

2018-09-29 16:36 更新

介紹


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

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

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


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

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


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

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


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

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

注意:

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

進入微信公眾平臺后臺

開通騰訊云

騰訊云微信小程序控制臺

安裝開發(fā)工具


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

微信開發(fā)者工具

導入 NodeJS DEMO 和配置



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

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

微信開發(fā)者工具


3. 安裝依賴

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

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


  1. cd server && npm install
    

    安裝依賴

4. 點擊界面右上角的【騰訊云】圖標,在下拉的菜單欄中選擇【上傳測試代碼】。 


上傳按鈕

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

選擇模塊

上傳成功

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

查看開發(fā)域名

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

     修改客戶端配置    

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

登錄測試

導入 PHP DEMO 和配置


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

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

    微信開發(fā)者工具

    在騰訊云管理后臺中可以選擇切換語言環(huán)境

    微信開發(fā)者工具

  2. 輸入小程序 AppID,項目目錄選擇一個空的目錄,接著選擇【建立騰訊云 PHP 啟動模板】,點擊確定創(chuàng)建小程序項目。

    微信開發(fā)者工具

  3. 再次點擊【確定】進入開發(fā)者工具。

             開發(fā)者工具

  4. 點擊界面右上角的【騰訊云】圖標,在下拉的菜單欄中選擇【上傳測試代碼】。

    上傳按鈕

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

    查看開發(fā)域名

  6. 完整復制(包括 https://)開發(fā)環(huán)境 request 域名,然后在編輯器中打開 client/config.js 文件,將復制的域名填入 host 中并保存,保存之后編輯器會自動編譯小程序,左邊的模擬器窗口即可實時顯示出客戶端的 Demo。修改客戶端配置     

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

    ```登錄測試

其他具體開發(fā)文檔


服務端、客戶端的 Demo、SDK 的具體文檔:


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號