hoppscotch

2025-05-03

前端

往往有这样的情形:为科学和技术开拓新道路的,有时并不是科学界的著名人物,而是科学界毫不知名的人物,平凡的人物,实践家,工作革新者。 —— 斯大林

https://github.com/hoppscotch/hoppscotch/

https://hoppscotch.io/

Hoppscotch:开源 API 开发生态系统

在现代 Web 开发中,API 是核心组件之一,开发者需要一套高效、可靠的工具来测试和开发 API。Hoppscotch 是一个开源的 API 开发生态系统,提供了强大且简洁的功能,作为 Postman 和 Insomnia 的开源替代品,正在受到越来越多开发者的青睐。


什么是 Hoppscotch?

Hoppscotch 是一个轻量级且功能丰富的 API 客户端,专为开发者设计。它支持 HTTP 请求测试、GraphQL 查询、WebSocket 调试等功能,同时提供了现代化的用户界面和高效的工作流,帮助开发者快速完成 API 的开发和测试。

核心特点:

  1. 跨平台支持:Hoppscotch 是一个 Progressive Web App (PWA),可在浏览器中运行,无需安装。
  2. 功能丰富:支持 REST、GraphQL、WebSocket 等多种协议。
  3. 开源社区:完全开源,拥有活跃的开发者社区。
  4. 高效工具链:提供环境变量、请求集合、代码生成等高级功能。
  5. 现代 UI:直观的界面设计,操作简单。

使用场景

Hoppscotch 适用于以下场景:

  1. API 开发与调试
    快速发送 HTTP 请求,检查响应数据,验证 API 的正确性。

  2. WebSocket 调试
    测试实时通信应用的 WebSocket 消息。

  3. GraphQL 查询
    通过内置的 GraphQL 客户端构建和测试查询。

  4. 开发者协作
    使用请求集合与环境变量共享 API 测试用例。


快速上手指南

以下是使用 Hoppscotch 的基本步骤:

1. 访问 Hoppscotch

Hoppscotch 是一个 PWA,可以直接通过浏览器访问:hoppscotch.io

2. 发送 HTTP 请求

在主页输入 API 的 URL 和请求方法,点击“Send”即可查看响应数据。

3. 使用环境变量

通过定义环境变量,轻松管理不同环境的 API 请求:

1
2
3
4
{
"base_url": "https://api.example.com",
"auth_token": "Bearer your_token_here"
}

在请求中使用 {{base_url}}{{auth_token}} 进行动态替换。

4. 测试 GraphQL 查询

切换到 GraphQL 模式,输入查询语句并点击“Send”:

1
2
3
4
5
6
query {
user(id: "1") {
name
email
}
}

高级功能

1. 请求集合

将多个请求保存到集合中,方便组织和重复使用。

2. 实时 WebSocket 调试

通过 WebSocket 客户端发送和接收消息,测试实时通信功能。

3. 代码生成

根据请求生成代码片段,支持多种编程语言,如 JavaScript、Python、cURL 等。

4. 插件支持

利用社区开发的插件扩展 Hoppscotch 的功能。


社区与支持

Hoppscotch 是一个活跃的开源项目,目前在 GitHub 上拥有 71483 个星标4902 个分支,是最受欢迎的开源 API 开发工具之一。你可以通过以下方式参与社区:

  • 访问项目主页GitHub 仓库
  • 提交 Issue:报告 Bug 或提出功能建议。
  • 贡献代码:通过 Pull Request 为项目做出贡献。
  • 参与讨论:在 GitHub Discussions 中与社区成员交流。

适用项目

Hoppscotch 适用于各种类型的开发项目,包括但不限于:

  1. Web 应用开发:快速验证 REST 或 GraphQL API。
  2. 实时通信项目:调试 WebSocket 消息。
  3. 企业级系统:管理复杂的 API 请求集合和环境。

结语

Hoppscotch 是一个功能强大、易于使用的开源 API 开发工具,它不仅是 Postman 和 Insomnia 的开源替代品,更是一个现代化、高效的开发生态系统。如果你正在寻找一个轻量级但功能全面的 API 客户端,不妨试试 Hoppscotch!它将为你的开发流程带来前所未有的便利。