后端入门:服务器和 API 是怎么工作的
一个完整的请求过程
当你在浏览器里访问 https://example.com/users 时:
浏览器 服务器
│ │
├── GET /users ───────────────→│ "给我用户列表"
│ │
│←─────────── 200 OK ─────────┤ "好的,这是数据"
│ [{ name: "小明" }, ...] │
HTTP 方法
| 方法 | 作用 | 对应操作 |
|---|---|---|
GET | 获取数据 | 查看 |
POST | 创建数据 | 新增 |
PUT | 更新数据 | 修改 |
DELETE | 删除数据 | 删除 |
叫做 CRUD(Create, Read, Update, Delete)。
URL 结构
https://api.example.com/v1/users/123
└─┬─┘ └───┬────┘ └┬┘ └─┬─┘ └┬┘
协议 域名 版本 资源 ID
什么是 API
API(Application Programming Interface)= 接口。
就像餐厅的服务员:你想点菜(发请求)→ 服务员告诉厨房(后端处理)→ 服务员端菜回来(返回结果)。
实际例子
// 前端发送请求
const response = await fetch('/api/users');
const users = await response.json();
// 后端处理请求(Express 示例)
app.get('/api/users', async (req, res) => {
const users = await db.query('SELECT * FROM users');
res.json(users);
});
用 AI 创建后端
告诉 AI:
“帮我用 Express(Node.js 后端框架)创建一个简单的 API:
- GET /api/todos → 返回待办列表
- POST /api/todos → 新增一条待办
- 数据暂时存在内存数组里”
AI 会生成完整的后端代码。
后端项目结构
server/
├── package.json
├── index.js ← 入口文件
├── routes/
│ └── todos.js ← 待办相关接口
├── models/
│ └── todo.js ← 数据模型
└── middleware/
└── auth.js ← 认证中间件
测试 API
推荐工具:
- Postman:图形界面,适合新手
- curl:命令行,适合简洁操作
- 浏览器直接访问:适用于 GET 请求
小结
现在你理解了:
- 前端发请求 → 后端处理 → 返回数据
- HTTP 方法 = GET/POST/PUT/DELETE
- API = 前后端之间的”服务员”
下一篇我们连接数据库,让数据真正持久化。