在 node 中開發後端程式,通常會使用一款叫做 express 的套件
雖然不用 express 也能夠開發後端應用,但 express 提供很多現成好用功能
所以先來安裝 express 吧!
npm install express
建立一個資料夾,放我們每課的練習內容,這一課就叫 lesson1 吧
然後建立一個 index.js 檔案
此時資料夾會長類似這樣
repo
├── package.json
├── package-lock.json
├── node_modules
└── lesson1
└── index.js
在 index.js 檔案放入以下內容
const express = require('express');
const app = express();
app.get('/', function(req, res){
res.send('<h1>恭喜您,成功囉!</h1>');
});
app.listen(3000);
然後去終端機輸入
node lesson1/index.js
接著打開瀏覽器,在網址輸入
http://localhost:3000/
你會看到一段大大的打招呼訊息!
讓我們逐行說明一下
前面兩句是載入 express 套件,然後建立主程式物件
app.get()
是註冊登記一個處理 HTTP GET 請求
第一個參數是 要處理的網址
第二個參數是放進一段「函式定義」代表要如何處理
函式定義通常會用 (req, res)
當參數,有人會寫 (request, response)
,都可以,分別是代表 請求
與回應
的物件
這段看不太懂沒關係,需要稍微研究一下「HTTP 協定」才會知道定義
反正就先用 res.send
來回應一段 html 就對了!
最後用 app.listen(3000);
來在 port 3000 跑這段後端程式
在一台電腦上,多個程式之間彼此溝通,通常會在電腦上各自使用一個 port 號碼
在瀏覽器中,通常只會輸入網址,例如 https://www.google.com.tw
之類的
只輸入網址,代表使用 443 當作 port,舉例來說,你可以在網址輸入 https://www.google.com.tw:443
看看,結果一模一樣
一個 port 只能同時給一個程式使用,為了避免用到別的程式在用的 port,我們請 node 在這邊使用 3000 這個冷門的 port,方便我們測試
然後 localhost
不是真的網址,是請瀏覽器直接在本機電腦上尋找網站開啟的意思!
以上通通看不懂沒關係,需要對 網際網路協定
稍微研讀才比較懂,先照做即可!
這次的系列作業,要練習開發一個「個人日記 APP」
首先來練習如何用 node 回應 http get request
請開發一個 app,打開首頁 http://localhost:3000/
會顯示 <h1>我的個人日記 APP</h1>
,先做到這樣就好
完成以上任務,你就完成這次的課程目標了!
交作業的方法:
請建立一個 repo 上傳到 github
這個 repo 的檔案結構應該會是這樣:
repo
├── package.json
├── package-lock.json
├── node_modules
└── hw1
└── index.js
接下來的每次作業,都新開一個小資料夾
然後把 github 專案連結,貼到留言區即可
歡迎將作業成果,在下方留言,跟大家分享,讓大家給你一些回饋!
可以將每課學到的觀念、關鍵字,丟到網路上去搜尋、研究一下!
發問請在「討論專區」為主,或者分享學習筆記、寫學習心得!
貼文都會出現在個人檔案頁面,成為學習歷程、部落格紀錄!
未來面試時,分享給面試官看,會讓人知道你的積極程度!
作業