Hoppscotch：3步跑通本地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
又一次在浏览器 Network 面板里手动复制 cURL，再粘到别的 API 调试工具里？这来回折腾的功夫太浪费。
装好并验证：三步完成本地API调试
Hoppscotch（开源的 API 开发生态）覆盖 Web、CLI 和桌面端。网页版直接在浏览器打开就能用，不装重型软件，数据也留在自己机器上。三步把第一个请求发出去：
- 拿到页面。浏览器打开 hoppscotch.io，免注册直接进入。想要完全自托管，就克隆仓库 git clone https://gitcode.com/GitHub_Trending/ho/hoppscotch，再用 Docker Compose 把 Web 和后端一起跑起来。
- 装成应用。在浏览器地址栏点“安装”图标，一键装成 PWA；想要原生体验就装桌面版。装好后图标出现在任务栏，断网也能启动。
- 发出第一个请求。方法选 GET，在地址栏填本地服务地址，比如 localhost 加端口，点蓝色 Send 按钮。下方立刻显示 Status 200、耗时，以及格式化好的 JSON 响应体。
拆解三个核心能力
| 能力 | 一句话说明 | 适合谁用 |
|---|---|---|
| 本地API调试 | 直接往 localhost 发请求，响应即时格式化展示 | 调试本地后端的前端工程师 |
| 预请求脚本与测试 | 发送前跑 JS，断言响应字段 | 写接口回归检查的人 |
| 环境与变量替换 | dev/test/prod 地址一键切换 | 管多环境的团队 |
和 Postman 的差异：全开源不锁功能，能部署到自己机器上，数据不出内网。
走一遍真实调试场景
你本地把开发服务跑起来。打开 Hoppscotch，URL 填 localhost 地址，点发送。
200 回来了，但你关心的字段没数据。
别慌。把方法改成 POST，切到 Body 标签选 JSON，把缺的参数补上，再点一次 Send，这次响应里就有数据了。
小提示：把地址写成“Environments”里的变量，以后切环境不用再改 URL。顺手把这个请求存进 collection，同事下次问这个接口，直接丢给他。
踩过的坑
问：装了 PWA，为什么连不上 localhost？ 答：先确认服务真的起来了，端口有没有写错。把 3000 敲成 3001 是经典翻车。
问：浏览器里正常，装好的应用却加载不出来？ 答：PWA 带缓存，换完版本按 Ctrl+Shift+R 强刷一下就好。
问：浏览器里能通，工具里发就 401？ 答：多半是 Authorization 头没带。从浏览器请求里复制一份，粘到 Headers 标签页。
📖 完整功能清单见 README.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
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
