Hello World Server
10 行程式碼蓋一個真實 web server
⏱ 預估 ~8 分鐘
01 · 讀一讀
該蓋點真實的東西了 — 10 行程式碼的 web server。
你拜訪的每個網站之所以能動，是因為有 server 在聽請求、送回應。你在瀏覽器打 URL 時，瀏覽器送請求給 server,server 把網頁送回來。
你接下來要蓋的就是那種 server。它會跑在你自己的電腦上，你能用瀏覽器拜訪它。這跟撐起 Netflix、Twitter、幾百萬其他 web app 的技術一模一樣。
重點整理
- Server 在聽請求、送回應
- Express 讓蓋 server 變簡單
- 你的 server 會跑在本機 http://localhost:3000
02 · 真機練習
用文字編輯器建一個叫 app.js 的檔，存在你的 my-server 資料夾（你裝 Express 的那個工作目錄）。你可以複製整個下面的區塊 — 這是完整的 Express web server。
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello, World! This is my first server.');
});
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});03 · 真機練習
啟動你的 server！用 Node 跑這個檔。你應該看到訊息確認 server 在跑。
node app.js
04 · 選擇題
Express server 裡的 listen 函式做什麼？
- 送回應到瀏覽器
- 從磁碟讀檔
- 連到資料庫
- 啟動 server、讓它在某個 port 上等請求進來
05 · 填空
在 Express,app.listen(3000) 告訴 server 監聽 _____ 3000。
06 · 真機練習
打開你的瀏覽器，連到 http://localhost:3000。你應該會在頁面上看到你的訊息！ 欣賞完你的作品之後，回到終端機按 Ctrl+C 停掉 server。
07 · 選擇題
如果你從 server 程式碼裡刪掉 app.listen(3000, ...) 那行再跑，會怎樣？
- 檔案會跑然後立刻結束 — 沒有 server 會啟動
- Server 會在隨機 port 上監聽
- Express 會自動挑 port 80
- 你會拿到語法錯誤，因為 listen 是必要的
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。