254 lines
6.6 KiB
Markdown
254 lines
6.6 KiB
Markdown
# 第一个接口调试
|
||
|
||
本章节介绍如何调试后端 API 接口，通过完整的登录流程（获取验证码 → 登录 → 获取令牌 → 调用业务接口）帮助你快速理解项目的接口调用方式。
|
||
|
||
:::tip 温馨提示
|
||
开始调试前，请确保已完成以下步骤：
|
||
1. 后端服务已启动（参见 [后端启动](/zh/volume1/backend)）
|
||
2. 数据库已初始化（参见 [数据库初始化](/zh/volume1/database)）
|
||
3. Redis 服务已启动
|
||
:::
|
||
|
||
## 验证后端服务
|
||
|
||
后端服务启动后，在浏览器中访问以下地址验证服务是否正常运行：
|
||
|
||
```
|
||
http://127.0.0.1:8021/api/v1/captcha
|
||
```
|
||
|
||
如果返回类似以下 JSON 数据，说明后端服务已正常启动：
|
||
|
||
```json
|
||
{
|
||
"code": 0,
|
||
"data": {
|
||
"captcha": "data:image/png;base64,iVBORw0KG...",
|
||
"key": "sl1dhi-ejqV2PWH8tYDE1pVNaRiccsrQ"
|
||
},
|
||
"msg": "操作成功",
|
||
"ok": true
|
||
}
|
||
```
|
||
|
||
## 第一步：获取验证码
|
||
|
||
登录前需要先获取图形验证码。使用浏览器或 curl 工具访问验证码接口：
|
||
|
||
```bash
|
||
# 使用 curl 获取验证码
|
||
curl -X GET "http://127.0.0.1:8021/api/v1/captcha"
|
||
```
|
||
|
||
+ 响应示例
|
||
|
||
```json
|
||
{
|
||
"code": 0,
|
||
"data": {
|
||
"captcha": "data:image/png;base64,iVBORw0KG...",
|
||
"key": "sl1dhi-ejqV2PWH8tYDE1pVNaRiccsrQ"
|
||
},
|
||
"msg": "操作成功",
|
||
"ok": true
|
||
}
|
||
```
|
||
|
||
:::tip 温馨提示
|
||
响应中的 `key` 是验证码的唯一标识，后续登录时需要使用。`captcha` 是 Base64 编码的验证码图片，可以在浏览器中直接查看。
|
||
:::
|
||
|
||
+ 记录关键信息
|
||
|
||
```
|
||
key: sl1dhi-ejqV2PWH8tYDE1pVNaRiccsrQ
|
||
验证码图片中的文字: （查看图片获取）
|
||
```
|
||
|
||
## 第二步：登录获取 Token
|
||
|
||
使用验证码和账号信息进行登录，获取 JWT 访问令牌。
|
||
|
||
```bash
|
||
# 使用 curl 登录
|
||
curl -X POST "http://127.0.0.1:8021/api/v1/login" \
|
||
-H "Content-Type: application/json" \
|
||
-d '{
|
||
"username": "admin",
|
||
"password": "123456",
|
||
"captcha_code": "验证码文字",
|
||
"key": "第一步获取的key"
|
||
}'
|
||
```
|
||
|
||
+ 成功响应
|
||
|
||
```json
|
||
{
|
||
"code": 0,
|
||
"data": {
|
||
"access_token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOjEsInVzZXJuYW1lIjoiYWRtaW4iLCJyZWFsbmFtZSI6Ilx1N2JhMVx1NzQwNlx1NTQ1OCIsImV4cCI6MTc4ODYxNDk0NiwiaWF0IjoxNzg4NjEzNzQ2fQ.xxxxxxxxxxx"
|
||
},
|
||
"msg": "登录成功",
|
||
"ok": true
|
||
}
|
||
```
|
||
|
||
+ 失败响应示例
|
||
|
||
```json
|
||
{
|
||
"code": 1,
|
||
"data": null,
|
||
"msg": "验证码错误或已过期",
|
||
"ok": false
|
||
}
|
||
```
|
||
|
||
:::danger 常见登录失败原因
|
||
| 错误信息 | 原因 | 解决方式 |
|
||
|:----|:----|:----|
|
||
| 验证码错误或已过期 | 验证码输入错误或超过 5 分钟有效期 | 重新获取验证码 |
|
||
| 账号或密码错误 | 用户名或密码不正确 | 使用默认账号 `admin/123456` |
|
||
| 账号已被锁定 | 连续登录失败超过 5 次 | 等待 5 分钟后重试 |
|
||
| 参数校验失败 | 请求体格式错误 | 检查 JSON 格式是否正确 |
|
||
:::
|
||
|
||
+ 记录 Token
|
||
|
||
```
|
||
token: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
|
||
```
|
||
|
||
:::tip 温馨提示
|
||
Token 是后续所有认证接口的通行证，请妥善保存。默认有效期为 20 分钟（可通过 `.env` 中的 `JWT_EXPIRE_MINUTES` 修改）。
|
||
:::
|
||
|
||
## 第三步：使用 Token 调用业务接口
|
||
|
||
Token 获取完成后，即可调用需要认证的业务接口。
|
||
|
||
+ 调用用户列表接口
|
||
|
||
```bash
|
||
# 使用 curl 调用用户列表接口
|
||
curl -X GET "http://127.0.0.1:8021/api/v1/user/list?pageNo=1&pageSize=10" \
|
||
-H "Authorization: Bearer <你的token>"
|
||
```
|
||
|
||
+ 成功响应
|
||
|
||
```json
|
||
{
|
||
"code": 0,
|
||
"data": [
|
||
{
|
||
"id": 1,
|
||
"username": "admin",
|
||
"realname": "超级管理员",
|
||
"status": 1,
|
||
"dept_id": 1,
|
||
"create_time": "2024-01-01 00:00:00"
|
||
}
|
||
],
|
||
"count": 1,
|
||
"msg": "操作成功",
|
||
"ok": true
|
||
}
|
||
```
|
||
|
||
:::tip 温馨提示
|
||
响应中的 `data` 是用户列表数据，`count` 是总记录数。分页参数 `pageNo` 默认为 1，`pageSize` 默认为 10。
|
||
:::
|
||
|
||
## 接口调用流程图
|
||
|
||
```
|
||
┌─────────────┐ ┌─────────────┐ ┌─────────────┐
|
||
│ 获取验证码 │────▶│ 用户登录 │────▶│ 调用业务接口 │
|
||
│ GET /captcha │ │ POST /login │ │ GET/POST │
|
||
└─────────────┘ └─────────────┘ └─────────────┘
|
||
│ │ │
|
||
▼ ▼ ▼
|
||
key JWT Token 业务数据响应
|
||
captcha (20分钟有效)
|
||
```
|
||
|
||
## 使用 Postman 调试
|
||
|
||
除了 curl，也可以使用 Postman 等 API 调试工具进行接口调试：
|
||
|
||
1. **获取验证码**：GET 请求 `http://127.0.0.1:8021/api/v1/captcha`
|
||
2. **登录获取 Token**：POST 请求 `http://127.0.0.1:8021/api/v1/login`，Body 选择 JSON 格式
|
||
3. **配置 Token**：在请求头中添加 `Authorization: Bearer <你的token>`
|
||
4. **调用业务接口**：GET/POST 请求对应的业务接口
|
||
|
||
## API 响应格式说明
|
||
|
||
所有接口统一返回以下 JSON 格式：
|
||
|
||
```json
|
||
// 成功响应
|
||
{
|
||
"code": 0, // 状态码：0=成功，1=失败
|
||
"data": {}, // 业务数据
|
||
"msg": "操作成功", // 提示信息
|
||
"ok": true // 业务状态
|
||
}
|
||
|
||
// 失败响应
|
||
{
|
||
"code": 1,
|
||
"data": null,
|
||
"msg": "错误信息",
|
||
"ok": false
|
||
}
|
||
|
||
// 分页响应
|
||
{
|
||
"code": 0,
|
||
"data": [], // 列表数据
|
||
"count": 100, // 总记录数
|
||
"msg": "操作成功",
|
||
"ok": true
|
||
}
|
||
```
|
||
|
||
:::tip HTTP 状态码
|
||
无论业务成功或失败，HTTP 状态码始终为 `200`。业务状态通过 `code` 字段区分：`0` 表示成功，`1` 表示失败。
|
||
:::
|
||
|
||
## 常见问题
|
||
|
||
+ 接口返回 401 Unauthorized
|
||
|
||
```
|
||
原因：未提供 Token 或 Token 已过期
|
||
解决：重新登录获取 Token，或检查请求头中的 Authorization 配置
|
||
```
|
||
|
||
+ 接口返回 403 Forbidden
|
||
|
||
```
|
||
原因：当前用户无该接口的访问权限
|
||
解决：使用 admin 账号（ID=1 拥有全部权限），或检查角色权限配置
|
||
```
|
||
|
||
+ 接口返回 422 Validation Error
|
||
|
||
```
|
||
原因：请求参数校验失败
|
||
解决：检查请求体 JSON 格式和字段是否符合接口定义
|
||
```
|
||
|
||
+ Token 过期
|
||
|
||
```
|
||
原因：Token 超过有效期（默认 20 分钟）
|
||
解决：重新登录获取新 Token
|
||
```
|
||
|
||
## 总结
|
||
|
||
本章节通过完整的登录流程演示了如何调试后端 API 接口：获取验证码 → 登录获取 Token → 调用业务接口。通过这个流程，你已经掌握了项目接口的基本调用方式和认证机制。后续开发中，可以使用 curl 或 Postman 等工具调试所有接口。如果遇到问题，请参见 [常见问题FAQ](/zh/volume1/faq) 章节。
|