Hoppscotch API 测试工具 3 分钟上手：从克隆到发出第一个请求

Hoppscotch API 测试工具 3 分钟上手从克隆到发出第一个请求【免费下载链接】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正在调试接口、又想要一个可安装、离线可用的开源 API 测试工具的话Hoppscotch 值得部署到本机它支持发送 HTTP/HTTPS 请求、调试 GraphQL 与 WebSocket 连接还能把接口整理成集合全部在一个界面里完成。如果你是前端、后端开发或测试同学准备在自己的机器上装一套 API 调试工具这篇内容适合你。按下面的节奏走3 分钟后服务就能跑起来并发出第一个请求。 确认安装依赖清单开始之前对照下面这份清单检查本地环境缺什么先补什么Node.js 18.0 及以上版本monorepo 构建工具链依赖它pnpm 10.x 包管理器项目强制要求使用它Git 用于拉取代码4GB 以上可用内存2GB 以上可用磁盘空间清单很短确认完这几项就可以开始配置了。 完成本地部署的三步操作第一步克隆项目代码把仓库拉到本地并进入项目根目录git clone https://gitcode.com/GitHub_Trending/ho/hoppscotch cd hoppscotch预期终端显示下载进度结束后当前目录出现 packages 子目录里面是 hoppscotch-common、hoppscotch-backend 等多个子模块其中 hoppscotch-common 是你之后用得最多的 Web 界面主体。第二步安装全部依赖一条命令装完所有子模块的依赖pnpm install预期终端持续输出安装进度最后没有出现红色报错信息即可进入下一步。第三步启动开发服务启动 Web 开发服务浏览器直接指向它pnpm dev预期终端打印本地访问地址用浏览器打开终端显示的 localhost 地址能看到 Hoppscotch 的主界面左侧是集合列表右侧是请求面板。这个服务带热重载之后改动代码会自动生效。⚡ 快速上手发出第一个 API 请求顶部请求栏保持默认 GET 方法在 URL 输入框填入测试地址https://httpbin.org/get点 Send 按钮下方会依次出现状态 200、响应耗时和完整响应内容看到它们就说明通了要改请求参数点 URL 栏右侧的 Body 或 Headers 标签页表单上传场景把请求体类型选成 multipart/form-data响应是 JSON 时下方默认按语法高亮展示也能切到 Raw 或 Headers 视图点请求上方的 Save 按钮并命名请求就存进左侧集合里下次从列表点开重发即可也可以在集合顶部的搜索框里按名称查找 常见卡点速查pnpm 命令找不到项目强制用 pnpm先执行npm install -g pnpm全局装好再回来继续启动时终端提示的是别的端口服务没挂只是挪到了终端打印的可用端口直接打开那个地址pnpm install 卡住或失败删掉 node_modules 目录后重跑pnpm install网络不稳时可以先给 pnpm 配置镜像源 接下来可以探索用环境变量保存不同环境的接口地址和令牌请求会自动按选中的环境替换切换环境就在页面右上角进行顶部标签页切到 GraphQL、WebSocket 或 MQTT同一个面板测试其他通信协议团队有自建后端的话把 packages 下的 hoppscotch-backend 子模块接上解锁团队共享集合等协作能力到这里就搞定了现在就去浏览器里把第一个请求发出去。【免费下载链接】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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考