一、項目介紹
此項目基於微信雲託管能力範圍編寫,構建了一個簡單的 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
雲託管官方交流羣