1. 程式人生 > >微信小程式開發環境部署

微信小程式開發環境部署

只需要四步即可部署屬於自己的小程式開發環境

一、通過微信公眾平臺授權登入騰訊雲

開啟微信公眾平臺註冊並登入小程式,按如下步驟操作:

  1. 單擊左側選單欄中的【設定】。
  2. 單擊右側 Tab 欄中的【開發者工具】。
  3. 單擊【騰訊雲】,進入騰訊雲工具頁面,單擊【開通】。
  4. 使用小程式繫結的微信掃碼即可將小程式授權給騰訊雲,開通之後會自動進去騰訊雲微信小程式控制臺,顯示開發環境已開通,此時可以進行後續操作。

注意:

此時通過小程式開發者工具檢視騰訊雲狀態並不會顯示已開通,已開通狀態會在第一次部署開發環境之後才會同步到微信開發者工具上。

進入微信公眾平臺後臺

開通騰訊雲

騰訊雲微信小程式控制臺

二、安裝開發工具

下載並安裝最新版本的微信開發者工具,使用小程式繫結的微訊號掃碼登入開發者工具。

微信開發者工具

三、初始化 Demo

  1. 開啟第二步安裝的微信開發者工具,點選【小程式專案】按鈕。

  2. 輸入小程式 AppID,專案目錄選擇一個空的目錄,接著選擇【建立騰訊雲 PHP 啟動模板】,點選確定建立小程式專案。

  3. 再次點選【確定】進入開發者工具。

開發者工具

  1. 點選介面右上角的【騰訊雲】圖示,在下拉的選單欄中選擇【上傳測試程式碼】。

上傳按鈕

  1. 選擇【模組上傳】並勾選全部選項,然後勾選【部署後自動安裝依賴】,點選【確定】開始上傳程式碼。

選擇模組

上傳成功

  1. 上傳程式碼完成之後,點選右上角的【詳情】按鈕,接著選擇【騰訊雲狀態】即可看到騰訊雲自動分配給你的開發環境域名:

檢視開發域名

  1. 完整複製(包括 https://)開發環境 request 域名,然後在編輯器中開啟 client/config.js
    檔案,將複製的域名填入 host 中並儲存,儲存之後編輯器會自動編譯小程式,左邊的模擬器視窗即可實時顯示出客戶端的 Demo:

修改客戶端配置

  1. 在模擬器中點選【登入】,看到顯示“登入成功”,即為開通完成,可以開始你的其他開發了。

登入測試


https://github.com/tencentyun/wafer2-quickstart-php