跑你的 Server
讓你的 server 活過來
⏱ 預估 ~7 分鐘
01 · 讀一讀
你的 server 程式碼寫好了,但目前只是一個躺在電腦上的檔案。它還沒在做什麼。
你跑 node app.js 時,神奇的事情發生:你的電腦從普通機器變成 web server。它開始監聽請求,就像餐廳開門等客人。
它監聽的地址是 localhost — 字面意思「這台電腦」。它不是對整個網路提供服務,而是對你提供 — 就在這裡、就是現在。
💡 想像一下啟動 server 就像把店門口的「營業中」翻過來。店一直都在,但現在準備好接客人了。你的電腦一直都在,但現在準備好回應 web 請求了。
重點整理
- node app.js 啟動你的 server、讓它一直跑
- 終端機看起來會「卡住」 — 正常的,你的 server 在監聽
- localhost 代表你自己的電腦在當 server
02 · 真機練習
用 Node 跑 app.js 啟動你的 server。確認你在專案目錄(有 app.js 跟 package.json 的那個資料夾)。
node app.js
03 · 填空
Server 在跑、終端機看起來「卡住」時,表示 server 在 ___ 請求。
04 · 真機練習
你的 server 在跑了!打開瀏覽器(Chrome、Safari、Firefox — 哪個都行),在網址列打:http://localhost:3000 你應該會在瀏覽器看到「Hello, World!」訊息。那段文字是從你的 server 來的 — 你的電腦收到瀏覽器的請求、送回了回應。
http://localhost:3000
05 · 讀一讀
你剛剛蓋了一個 web server。真的那種。
當你在瀏覽器打 localhost:3000,幕後發生這些事:
1. 你的瀏覽器送一個 HTTP GET 請求到你電腦的 port 3000 2. 你的 Express server 收到請求 3. app.get('/') 處理器匹配到 URL 4. 你的 server 送回「Hello, World!」文字 5. 你的瀏覽器顯示它
網路上每個網站就是這樣運作。唯一差別?那些 server 跑在資料中心的大型電腦上,不是你的筆電上。但機制完全一樣。
重點整理
- 你的瀏覽器是 client,你的 Node.js app 是 server
- 這就是撐起每個網站的請求-回應循環
- 回到你的終端機 — server 還在跑,等下一個請求
06 · 選擇題
你在瀏覽器拜訪 http://localhost:3000 時,幕後發生什麼?
- 瀏覽器下載 app.js 在本機跑
- 瀏覽器送一個 HTTP 請求到你的電腦,你的 server 送回回應
- Express 連到網際網路抓一個頁面
- Node.js 自動開新瀏覽器視窗
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案,非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。