簡介
場景介紹基于雲開發平台、Midway FaaS 和 雲資料庫RDS MySQL 版快速開發一個 Todo List。
背景知識
體驗實驗室
開發者通過場景化實驗掌握雲計算的what和how。免費雲資源,真實雲環境,豐富實踐場景
位址:
https://developer.aliyun.com/adc/labs/什麼是雲開發平台?
雲開發平台是阿裡雲所提供的一站式、全雲端的開發平台,打開浏覽器就可以開發、調試、上線。點選進入雲開發平台。
什麼是Midway FaaS?
一個用于建構 Node.js 雲函數的 Serverless 架構,幫助開發者專注于産品開發,降低維護成本。
歡迎 Star!
https://github.com/midwayjs/midway-faasRDS資料庫
阿裡雲關系型資料庫RDS(Relational Database Service)是一種穩定可靠、可彈性伸縮的線上資料庫服務,提供容災、備份、恢複、遷移等方面的全套解決方案,徹底解決資料庫運維的煩惱。
建立應用
1.登入雲開發平台。打開網址
https://workbench.aliyun.com/,使用阿裡雲賬号登入,按照提示建立團隊,點選同意協定。沒有阿裡雲賬号的使用者,在登入頁面注冊後進行登入即可。為了保證最好的使用體驗,請使用Chrome浏覽器。
2.建立應用。打開快速開始
https://workbench.aliyun.com/page/quickstart,點選建立新應用

3.雲資源通路授權。如果您之前沒有使用過雲開發平台,會出現雲資源授權管理的選項,往下拉出現直至同意授權的字樣,點選「同意授權」後出現授權成功,點選進入「下一步」
同意授權并顯示授權成功後點選下一步。
4.建立應用模闆。分别選擇開發語言NodeJS,通過模版建立。點選官方模版,選擇Midway Serverless MySQL資料庫示例應用模闆,如圖所示。
5.填寫應用基本資訊。按圖示填寫應用的名稱和應用介紹、計算服務。沒有産品可選點選旁邊的自動建立産品線就會出現一個上海區域的産品了。資訊填寫完成後點選下一步。
6.雲服務管理。檢視應用依賴的雲服務的開通情況,未開通的服務右鍵點選立即開通,在新标簽打開所有服務開通頁,根據提示一一開通。開通後應用卡片環境管理後面的小圖示全部變成綠色的已開通對勾形狀,才算完成應用的建立。
部署應用
上一節已經建立好了應用,本節介紹對應用進行開發部署流程。
1.進入開發。應用建立好以後會跳轉到應用詳情頁,點選應用詳情頁上的 [開發部署] 進入CloudIDE開發界面。
2.安裝依賴。點選 [終端],然後在終端輸入框中輸入以下指令 npm i 安裝依賴。依賴包含的包比較多,全部下載下傳需要一點時間,耐心等待即可,加載完畢後,可以看見以下圖檔中的提示。
npm i
3.進行部署。點選CloudIDE中的 [部署tab欄],然後點選 [部署] 開始部署。
4.确認部署資訊。在彈出框中彈出的是該應用預設配置的資料庫資訊,不需要進行配置。如果長期使用配置自己的資料庫,可以按照後續 “資料庫設定”一節進行操作。點選[繼續部署] 進入部署階段。
5.日常環境 部署成功。日常環境 部署成功後如下圖所示,可以使用附件中标注的臨時域名進行通路測試。
6.臨時域名通路。複制生成的臨時域名進行通路,可以進入Todo list web應用界面。如果個人應用需要發到線上,綁定個人線上域名繼續在「線上環境」部署即可
Todolist web應用界面顯示的待辦事項都是存儲在預設配置好的資料庫的資料庫表中,将在後續 “資料庫設定”一節中進行說明。
下線應用
- 函數計算彈性執行個體相關的雲資源有一定的免費額度,額度消耗完成後會按量付費。如果不需要保留應用,請及時操作下線,以免産生不必要的費用,在該應用管理頁面點選下線即可。
資料庫設定
前面的章節使用的是應用内提供的的免費預設資料庫,資料庫配置有兩種方式,一種是在開發平台設定,另外一種是在CloudIDE中進行配置,下面将分别介紹 。
1.在雲開發平台中設定。
a) 在應用詳情中,點選 [開發部署] ,然後再次點選[應用配置]打開配置頁面。
在應用開發中,通常要使用一些敏感的資訊去進行資料相關的操作,比如資料庫連接配接資訊、鑒權相關資訊等等。如果将這些資訊直接 hardcode 寫在代碼裡,會帶來潛在的因為代碼洩漏而造成敏感資訊跟着被洩漏的風險。為了降低這種風險,雲開發平台推薦使用「環境變量」的方式來代替 hardcode 的做法。
b)修改環境變量。因為本項目設定了預設的環境變量,是以可以看見已經建立好了的資料庫連接配接資訊,您可以在該界面将資料庫連接配接資訊修改為您自己的RDS資料庫,或者可以根據您自己的需求來建立其他的環境變量。
預設環境變量說明:
MIDWAY_RDS_HOST RDS 資料庫連接配接位址
MIDWAY_RDS_PORT RDS 資料庫連接配接端口
MIDWAY_RDS_DBNAME RDS 資料庫名稱
MIDWAY_RDS_USERNAME RDS 資料庫賬戶名稱
MIDWAY_RDS_PASSWORD RDS 資料庫賬戶密碼
2.或者,你也可以直接在代碼中更改資料庫連接配接配置。
首先檢視資料庫配置檔案。參考以下附件的路徑檢視資料庫配置檔案 config.default.ts 。該應用預設程式内配置了預設資料庫資訊,如果需要開發您自己的應用需要在該配置檔案中配置您自己的資料庫資訊。
3.Todolist應用的待辦事項全部都是從資料庫中“todo” 表中讀取的,預設的資料庫已經建立好了該表。如果您已經将資料庫連接配接資訊更改為了您自己的資料庫,那麼您需要在數您自己的據庫中執行以下建立表的語句,對應的建立表的語句為:
CREATE TABLE `todo` (
`id` bigint(20) NOT NULL AUTO_INCREMENT,
`todo` varchar(255) NOT NULL,
`status` int(11) NOT NULL,
`gmt_create` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8