企业官网建设流程全解析

Hoppscotch 免费开源 API 测试工具：发请求、管环境、团队协作一站式上手

【免费下载链接】hoppscotchOpen-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem & Cloud • Web, Desktop & CLI • Open-Source Alternative to Postman, Insomnia项目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch

Hoppscotch 是一个 MIT 协议的免费开源 API 测试工具，一个界面覆盖 REST、GraphQL 和多种实时协议，适合需要频繁联调接口、又想把数据留在自己手里的开发者与团队。它最独特的地方是三种使用形态——网页、桌面端、自托管后端——数据互通，随时切换。

三分钟上手：从打开界面到发出第一个请求

获取方式很简单：浏览器打开官方在线版（可安装为 PWA，支持离线），或下载安装桌面端（Windows、macOS、Linux 均有安装包），数据必须留在机房就选自托管。

发出第一个请求，打开后不需要任何初始化：

1. 在方法下拉框选GET，也可以直接输入LIST这类自定义方法；
2. URL 栏填接口地址，按需补 Query 参数、Headers、Body；
3. 点 Send（快捷键 Ctrl/Cmd + Enter）；
4. 下方立刻出现状态码、耗时、响应头和格式化响应体，可直接复制或下载。

想先部署一套自己的实例，仓库自带的 compose 文件已含 PostgreSQL 和自动迁移：

git clone https://gitcode.com/GitHub_Trending/ho/hoppscotch cd hoppscotch && docker compose --profile default up

用了一段时间，把请求管起来

• 变量环境：把 base URL、token 存进环境，请求里用{{变量名}}引用。开发、测试、生产各建一个环境，切换时不用逐条改请求。
• 集合：请求和文件夹存进集合，支持嵌套文件夹、批量导入导出成文件或 gist，交接给同事直接给文件。
• 认证：Authorization 页签提供 None、Basic、Bearer Token、OAuth 2.0、OIDC（含 PKCE）共 5 种方式，凭证可放环境里，避免写死在请求中。
• 历史记录：每条请求自动进历史，随时回看重发，无需手动归档。

基础请求之外的能力

• GraphQL：填好 endpoint 自动拉取 schema，多栏文档面板直接浏览类型，写查询、看响应在同一屏完成。
• WebSocket：建立全双工长连接，收发消息按到达顺序展示。
• Server-Sent Events：接收服务器单向推送的事件流，不用自己写轮询。
• Socket.IO：与 Socket.IO 服务端收发数据。
• MQTT：订阅、发布 MQTT Broker 的主题。
• 代码片段导出：单条请求可生成 10 多种语言与框架的代码片段，也支持粘贴 cURL 命令直接导入。

进阶玩法：脚本、快捷键与协作

• 预请求脚本：发送前挂一段 JavaScript，生成时间戳、随机参数、写入环境变量；脚本跑在沙箱里，碰不到浏览器对象。
• 后置测试断言：响应回来后执行断言，校验状态码、过滤响应头、解析响应字段并写入环境变量。
• 键盘流：Ctrl/Cmd + Enter 发请求，Ctrl/Cmd + S 存入集合，Ctrl/Cmd + U 生成分享链接；按 S 可唤出全部快捷键清单。
• 团队与工作区：登录后可建团队和工作区，共享集合与环境，成员权限按角色划分，数据多端实时同步；个人项目与团队项目用工作区隔离。
• CLI：hopp test命令可在命令行执行 collection.json 文件，配合 CI 跑接口回归。

常见问题

问：浏览器里发请求报 CORS 错误怎么办？答：在设置里打开代理模式即可，用官方代理或填自己的代理地址；访问非 HTTPS 接口被浏览器拦截的问题也能一并解决。

问：不登录时数据存在哪里？答：默认存在当前浏览器的本地会话存储里，换设备或清缓存就取不回了；要跨端同步就得登录账号。

问：自托管的后端包含什么？答：仓库自带完整后端，基于 Prisma + NestJS，配 PostgreSQL 数据库和自动迁移，包含团队、环境同步能力，不是纯前端页面。

问：桌面端怎么连自建的实例？答：点左上角 Logo 选 "Add an instance"，填 On-prem 地址后 Connect 即可；本地开发和内网环境能用同一套集合。

总结与延伸阅读

它适合高频联调、想摆脱商业工具授权、或有数据合规要求的场景；如果你只是偶尔发几个请求且团队已深度绑定 Postman，迁移成本值得先掂量。延伸阅读：

• 项目说明与完整功能列表：README.md
• REST 请求主界面源码：packages/hoppscotch-common/src/components/http/
• 桌面版实现与自托管连接说明：packages/hoppscotch-desktop/
• CLI 与测试命令：packages/hoppscotch-cli/
• 本地开发指南：CONTRIBUTING.md

【免费下载链接】hoppscotchOpen-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem & Cloud • Web, Desktop & CLI • Open-Source Alternative to Postman, Insomnia项目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch