用 Express 搭小服务器

跟我看：搭建服务器

Express 是 Node.js 里建服务器最流行的包——几行搞定。服务器是 单独项目，和 React 应用分开（记住：前端和后端是两半）。在终端：

cd Desktop
mkdir my-server
cd my-server
npm init -y
npm install express

• mkdir 创建文件夹（make directory），
• npm init -y 新建 Node.js 项目（创建 package.json），
• npm install express 下载 Express。

在 VS Code 打开文件夹，创建 server.js：

const express = require("express");
const app = express();

// When someone sends a GET to /api/hello, respond
app.get("/api/hello", (request, response) => {
  response.json({ message: "Hi! This is your own server. 🎉" });
});

app.listen(3900, () => {
  console.log("Server running at http://localhost:3900");
});

运行：

node server.js

浏览器打开 http://localhost:3900/api/hello。看到 JSON 响应了吗？你刚刚建了服务器。 没魔法——10 行。

代码里发生什么：

• require("express")——借包（服务器版的 import）。
• app.get("/api/hello", ...)——“在这个地址回应 GET 请求。” 地址 + 响应对叫 endpoint。
• response.json({...})——返回 JSON。
• app.listen(3900)——监听 3900 端口。（Vite 在 3901，服务器在 3900——两个程序不能同一端口。）

Ctrl+C 停服务器。注意：每次改代码要停再启——服务器不是 Vite，不会自己刷新。

跟我看：带数据的服务器

服务器通常分发数据。在 listen 上面加第二个 endpoint：

const results = [
  { opponent: "Lakeside", score: "3:1", home: true },
  { opponent: "Northgate", score: "2:2", home: false },
  { opponent: "Elmwood", score: "4:0", home: true },
];

app.get("/api/results", (request, response) => {
  response.json(results);
});

重启服务器，打开 http://localhost:3900/api/results——你的数据，通过 API 提供。每个大网站都这样（只是用数据库代替数组）。

轮到你了 💪

1. 按指南让服务器跑起来。
2. 加带你项目数据的 endpoint：🏫 /api/menu（一周餐食数组）· 🙋 /api/favorites（最爱游戏/书）· 🌍 /api/trips（旅行列表）· ⚽ /api/results（比赛结果）。
3. 加好玩的 endpoint /api/random，每次返回不同消息：

const messages = ["We're winning today!", "Practice at 5 PM!", "Let's go, Eagles!"];

app.get("/api/random", (request, response) => {
  const random = messages[Math.floor(Math.random() * messages.length)];
  response.json({ message: random });
});

4. 在浏览器试所有 endpoint——然后用上一课学的 fetch() 从控制台调一个。

这堂课你要记住

• Express 服务器：npm init -y，npm install express，node server.js，Ctrl+C 停，每次改完重启。
• endpoint = 地址 + 响应：app.get("/api/something", (request, response) => response.json(...))。
• 前端（3901）和后端（3900）是两个程序、两个端口。

© 2026 Ing. Martin Polak / AlgoRhino · 内容使用条款