Hoppscotch：让 API 测试变得超简单的开源神器

如果你还在为测试 API 而烦恼，今天要介绍的这个工具绝对能让你眼前一亮。Hoppscotch 是一个开源的 API 测试工具，GitHub 上已经有超过 73K 的 Star，完全可以媲美 Postman，但它更轻、更快、还免费！

虽然是网页版，但功能一点不含糊：

• 支持所有 HTTP 方法（GET、POST、PUT、DELETE 等）
• 支持 WebSocket、GraphQL、Socket.IO、MQTT
• 可以设置各种认证方式（Bearer Token、OAuth 2.0 等）
• 支持环境变量和集合管理
• 自动生成多种语言的代码片段

快速上手：搞定你的第一个 API 测试

打开就能用

应用启动后，不用登录，立马就能开始测试。

发送你的第一个请求

最简单的例子：

1. 在 URL 栏输入：https://lazycat.cloud/appstore/category/recent
2. 选择 GET 方法（默认就是）
3. 点击 "Send" 按钮

就这么简单，你已经成功发送了第一个请求！响应会立即显示在下方。

测试带参数的 POST 请求

实际工作中，我们经常需要发送带数据的请求：

1. 选择 POST 方法
2. 输入你的 API 地址
3. 点击 "Body" 标签
4. 选择 "application/json"
5. 输入你的 JSON 数据，比如：

{
  "username": "testuser",
  "email": "test@example.com"
}

6. 点击 Send，搞定！

实用技巧：让你的效率翻倍

调整界面主题

点击左侧齿轮图标进入设置，可以：

• 切换深色/浅色模式
• 选择你喜欢的强调色（有 9 种颜色可选）
• 开启 Zen 模式，专注测试
• 调整字体大小

晚上加班的时候切换到深色模式，对眼睛友好多了。

用集合管理你的 API

如果你的项目有很多 API，每次都重新输入会很麻烦。这时候可以用集合功能：

1. 点击左侧的 "Collections" 图标
2. 创建新集合，比如 "用户管理 API"
3. 把相关的请求都保存进去
4. 下次直接点击就能复用

你还可以创建多层文件夹来组织，比如：

项目A/
  ├── 用户模块/
  │   ├── 登录
  │   ├── 注册
  │   └── 获取用户信息
  └── 订单模块/
      ├── 创建订单
      └── 查询订单

使用环境变量

不同环境（开发、测试、生产）的 API 地址不一样？可以使用环境变量来帮忙：

1. 点击右上角的环境选择器
2. 创建新环境，比如 "开发环境"
3. 添加变量：
   • BASE_URL: http://localhost:3000
   • API_KEY: your-dev-api-key
4. 在请求中使用 {{BASE_URL}}/api/users

切换环境只需要一键，所有请求自动更新地址。超方便！

自动生成代码

测试完 API 后，要写代码调用？Hoppscotch 帮你生成：

1. 点击 Send 按钮旁边的小箭头
2. 选择 "Show Code"
3. 选择你需要的语言/框架：
   • JavaScript (Axios、Fetch)
   • Python (Requests)
   • PHP (cURL)
   • Go、Ruby、Swift 等等

直接复制粘贴到你的项目里，省去大量编码时间！

方便导入导出

如果你之前用 postman，已经积累了很多请求，可以点击 Export 导出来

然后在 Hoppscotch 里导入

浏览器扩展增强体验

安装 Hoppscotch 浏览器扩展可以：

• 绕过 CORS 限制
• 访问本地 localhost 接口
• 测试内网 API

PWA 应用：可以安装为桌面应用，获得原生应用体验

总结

Hoppscotch 是一个宝藏工具，免费开源、功能强大、使用简单。不管你是前端、后端还是测试，都能从中受益。最重要的是，它没有任何使用门槛，打开网页就能用。