「微信雲託管」首篇實戰|極簡DEMO入門

一、項目介紹

此項目基於微信雲託管能力範圍編寫,構建了一個簡單的 WEB 後端服務,統計 WEB 網頁的訪問日誌,並保存至 serverless 形態的 mysql 數據庫中,然後在小程序中調用服務接口,獲得訪問次數。

項目包含微信雲託管在單體運行中的基礎能力使用,包含基礎容器、mysql、微信小程序調用等。

項目技術棧:後端服務(nodejs + express)、WEB網頁(原生js)、微信小程序(原生)

如果你已經體驗過微信雲託管基礎能力,可以繼續深入體驗微信雲託管在騰訊雲其他產品的關聯使用,日誌監控等能力。

二、部署流程

(1) 訪問github倉庫,將項目下載到本地,打開 IDE 準備對項目進行改造

(2) 訪問微信雲託管官網,使用微信掃碼,選擇自己擬用到的小程序,進入開始創建環節。

(3) 這裏環境名稱根據自己用途填寫即可,一般小程序項目創建一個環境即可,一個環境裏可以包含多個服務,可滿足絕大部分企業級需求。

(4) 如果你之前小程序中有使用過雲開發,並登錄過騰訊雲官網配置過騰訊雲其他雲產品,爲了方便使用,可在創建框中「網絡類型」選擇私人網絡,將雲託管環境配置到與之前相同的網絡環境內(如果你不想這麼做或者說你什麼也沒有過,直接系統默認創建即可)

(5) 明確知悉雲託管環境的費用,並同意服務條款,開始創建。

(6) 創建成功後,會顯示如下效果:

(7) 開始創建mysql數據庫,如下圖所示:

(8) 填寫密碼後,mysql正在進行初始化,請注意這裏的費用信息,初始化完成後如下圖所示:

(9) 點擊右上角「數據庫管理」按鈕,進入數據庫管理後臺,開始創建一個庫,如下圖所示,這裏庫名叫 online (名稱隨意,若更改的話注意之後操作相應改變)

(10) 將項目目錄中 database.sql 文件導入到 online 庫中,效果如下:

(11) 返回微信雲託管控制檯,mysql欄中添加一個賬戶,專門用於編程調用,如下圖所示:

(12) 在目錄werunserver/db.json中,填寫mysql數據庫信息,其中host和port信息在控制檯中

{
  "host": "10.0.224.13",//上圖中的冒號之前ip地址
  "user": "code",       //上一步設置的賬戶名稱
  "password": "*****",  //上一步設置的密碼
  "port": "3306",       //上圖中的冒號之後數字
  "database": "online"  //之前創建的數據庫 online
}

(13) 將項目保存,將項目目錄werunserver作爲根目錄,上傳私人git倉庫,在這裏已github爲例。【注意一定是以werunserver爲根目錄

(14) 在微信雲託管控制檯,服務欄中,選擇新建服務,如下圖所示,記得勾選開啓公網訪問,名字隨意設置(這裏示例爲aaa)

(15) 創建完成後,進入服務管理,如下圖所示,選擇新建流水線

(16) 流水線新建配置如下,代碼源第一次使用時需要授權:

(17) 新建完成後,如下圖所示,點擊開始第一次構建:

(18) 構建完成後,如下狀態,此時我們就可以開始發佈環節了

(19) 前往「部署發佈」開始全量發佈流程

(20) 發佈後效果如下:

(21) 返回服務列表,在服務詳情中找到公網地址,複製到瀏覽器打開:

(22) 由於配置的是低成本模式,所以首次訪問存在容器加載過程,耐心等待即可(不斷刷新過程中會出現大概幾十秒的請求失敗框,正常配置網絡中,無傷大雅)訪問成功後效果如下,每次刷新都會有記錄:

(23) 開始微信小程序的測試,將項目中 miniprogram 做爲小程序根目錄用微信開發者工具導入打開,填寫第一步自己創建服務相同的小程序APPID

(24) 在小程序開發者工具中打開 pages/index/index.js 文件,填寫如下幾處信息:

(25) 重新運行,大功告成!

三、項目總結

本次部署實踐後,你可以繼續在此項目基礎上進行修改,重新推送更新代碼到倉庫中,流水線會自動觸發構建。

在新版本發佈前,可以進行充分測試,雲託管提供各種測試白名單配置;測試驗證後可以進行灰度發佈,最終到100%新版本接單,完成新版本的全量更替;要是嫌麻煩,相信自己的本事,可以全量發佈,給個痛快!

後續在控制檯中會支持自定義域名等更多功能,還在路途中,記得常看看更新。

立即體驗微信雲託管: https://cloud.weixin.qq.com/cloudrun/

微信雲託管官方社區

使用微信雲託管過程中的意見建議及問題,歡迎前往官方社區與我們交流互動:https://developers.weixin.qq.com/community/minihome/mixflow/1919566493118201863

雲託管官方交流羣

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章