接口调试工具

功能完整的 HTTP API 测试工具,支持多种请求方法和请求体类型。

🌐 发送请求

基本操作

  1. 选择 HTTP 方法: 在下拉菜单中选择请求方法(GET、POST、PUT、DELETE、PATCH、HEAD、OPTIONS)
  2. 输入请求 URL: 在地址栏输入完整的 API 地址
  3. 配置请求参数: 根据需要配置 Params、Body、Headers
  4. 发送请求: 点击"发送"按钮或按 Ctrl+Enter 快捷键
  5. 查看响应: 在响应区域查看返回结果

HTTP 方法说明

方法 用途 说明
GET 获取资源 用于查询数据,参数在 URL 中
POST 创建资源 用于提交数据,数据在请求体中
PUT 更新资源 用于完整更新资源
PATCH 部分更新 用于部分更新资源
DELETE 删除资源 用于删除资源
HEAD 获取头信息 只返回响应头,不返回响应体
OPTIONS 获取支持的方法 用于 CORS 预检请求

📝 请求体类型

JSON

最常用的请求体格式,适用于 RESTful API:

1{
2  "name": "John Doe",
3  "email": "john@example.com",
4  "age": 30
5}

Form-Data

用于文件上传或表单提交:

name: John Doe email: john@example.com file: [选择文件]

x-www-form-urlencoded

传统的表单提交格式:

name=John+Doe&email=john%40example.com

Raw

原始文本,可以自定义格式:

自定义文本内容

🔍 请求参数配置

Query 参数(Params)

URL 查询参数,会自动拼接到 URL 后面:

?page=1&limit=10&sort=created_at

配置方式:

  • 点击"Params"标签
  • 添加键值对
  • 参数会自动拼接到 URL

请求头(Headers)

设置 HTTP 请求头,如认证信息、内容类型等:

常用请求头:

  • Content-Type: application/json
  • Authorization: Bearer token
  • User-Agent: Mozilla/5.0...

配置方式:

  • 点击"Headers"标签
  • 添加键值对
  • 支持常用请求头的快速选择

📊 响应结果

响应信息

响应区域显示:

  • 状态码: HTTP 状态码(200、404、500 等)
  • 响应时间: 请求耗时(毫秒)
  • 响应头: 服务器返回的响应头信息
  • 响应体: 响应内容

响应格式

  • JSON: 自动格式化显示,支持展开/折叠
  • HTML: 以 HTML 格式显示
  • 文本: 纯文本显示
  • 图片: 直接显示图片

响应操作

  • 复制响应: 点击"复制"按钮复制响应内容
  • 格式化: 自动格式化 JSON 响应
  • 下载: 可以将响应内容保存为文件

📜 请求历史

历史记录

  • 自动保存最近 50 条请求记录
  • 每条记录包含:方法、URL、时间戳
  • 点击历史记录可以快速恢复请求配置

历史管理

  • 查看历史: 点击"历史"按钮查看所有历史记录
  • 清空历史: 点击"清空"按钮删除所有历史记录
  • 搜索历史: 使用搜索框快速查找历史记录

🔄 curl 命令解析

使用方法

  1. 复制 curl 命令
  2. 点击"导入 curl"按钮
  3. 粘贴 curl 命令
  4. 自动解析为请求配置

支持的 curl 参数

  • -X, --request: 指定 HTTP 方法
  • -H, --header: 设置请求头
  • -d, --data: 设置请求体
  • -G, --get: 将数据作为查询参数
  • -u, --user: 基本认证
  • --data-binary: 二进制数据

示例

1curl -X POST https://api.example.com/users \
2  -H "Content-Type: application/json" \
3  -H "Authorization: Bearer token" \
4  -d '{"name":"John","email":"john@example.com"}'

粘贴上述命令后,会自动解析为:

🚫 跨域请求

代理支持

工具内置了跨域请求代理,可以绕过浏览器的 CORS 限制:

  • 自动处理跨域请求
  • 无需配置代理服务器
  • 支持所有 HTTP 方法
提示

跨域请求通过 Tauri 后端代理,不会受到浏览器 CORS 策略限制。

⏱️ 请求耗时统计

每次请求都会显示:

  • DNS 查询时间: 域名解析耗时
  • 连接时间: 建立连接耗时
  • 请求时间: 发送请求耗时
  • 响应时间: 接收响应耗时
  • 总耗时: 完整请求耗时

这些信息可以帮助您分析接口性能。

⚠️ 注意事项

使用提示

  • 🌐 确保网络连接正常
  • 🔐 敏感信息(如 token)请妥善保管
  • 📝 生产环境 API 请谨慎测试

安全建议

  • 🚫 不要在请求历史中保存敏感信息
  • 🔑 使用环境变量管理 API 密钥
  • 📋 定期清理请求历史

常见问题

Q: 请求超时怎么办?

A: 可以尝试:

  • 检查网络连接
  • 检查 API 地址是否正确
  • 检查服务器是否正常运行

Q: 如何保存常用的请求?

A: 可以将请求配置导出为文件,或者使用请求历史功能。

Q: 支持 WebSocket 吗?

A: 当前版本不支持 WebSocket,后续版本可能会添加此功能。