把 API 测试的日常搬进浏览器：Hoppscotch 上手笔记

把 API 测试的日常搬进浏览器Hoppscotch 上手笔记【免费下载链接】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联调接口时改一个 Token 要翻三遍配置面板换套环境地址又得逐个请求改。Hoppscotch 是一个开源的 API 测试工具REST、GraphQL、WebSocket、SSE 都能发环境、集合、认证也收在同一处。这篇按实际使用顺序讲它怎么用。不用注册就能发第一个请求打开在线版就是请求编辑区不用建账号也不用先配任何东西方法下拉框选GET、POST也能直接敲自定义方法URL 栏填接口地址需要时补 Query 参数、Header、Body按Ctrl/Cmd Enter或点Send发送下方立刻出现状态码、耗时、响应头和格式化后的响应体。发送记录会自动进历史面板之后回看、重发都是点一下的事。你碰哪种接口就切哪种面板普通 REST 接口Body 页签可以切 JSON、表单、文件上传等类型桌面端里 multipart 表单就是这样直接拖文件进去。右侧还能把当前请求导出成多种语言的代码片段也支持粘贴 cURL 直接导入。后端说的是 GraphQL填好 endpoint 后它自动拉 schema旁边带文档面板写查询时能直接查字段不用翻接口文档。接口是长连接或推送流WebSocket、SSE、Socket.IO、MQTT 都归在左侧 Realtime 入口下。连上之后消息按到达顺序排好不用自己写轮询去收。换环境不用改请求base URL、token 这类值写死在请求里换环境就是一场全项目搜索替换。把这些挪进环境之后请求里只写{{变量名}}开发、测试、生产各建一个环境切一下下拉框就全换了。请求和文件夹存进集合可以嵌套文件夹、批量导入导出交接给同事就是把集合文件发过去。认证页签提供 None、Basic、Bearer Token、OAuth 2.0、OIDC含 PKCE几种方式凭证同样可以放环境里不用写死在每个请求上。从在线版到私有化部署在线版临时调一个接口、不想装东西时直接用浏览器里能装成 PWA断网也能开。自托管数据要留在自己机房时用。仓库里带了 docker compose 配置克隆下来一条命令拉起git clone https://gitcode.com/GitHub_Trending/ho/hoppscotch cd hoppscotch docker compose up -d桌面端适合内网、离线场景加载比浏览器快。左上角实例菜单能切云、自托管、自定义地址三个来源。用顺了之后会注意到的几招每个请求能挂预请求脚本和后置测试发送前跑段 JS 生成时间戳、写环境变量响应回来再断言状态码是不是 200。脚本在沙箱里跑碰不到浏览器对象。设置里能开 Zen 模式把侧栏全藏掉配合Ctrl/Cmd K命令菜单基本可以纯键盘发请求。登录后可以建团队和工作区集合、环境共享给同事成员带角色权限个人和团队的工作区互不干扰。踩坑备忘浏览器里发请求报 CORS 错误是浏览器直连跨域或非 HTTPS 接口被拦。在设置里开代理模式即可可以填官方代理也能换成自己的代理地址。没登录数据会不会丢数据存在当前浏览器里清缓存、换设备就带不走。需要跨端同步就登录账号。以为自托管只是丢个静态页不是。它自带完整后端含团队、环境同步等能力需要数据库等配套组件docker compose 会一并处理。桌面版连不上私有实例用不到配置项左上角实例菜单选 Add an instance填上自托管地址就行。说白了这个工具省的不是写请求的功夫是换环境、找凭证、贴响应给同事这些重复动作。完全免费开源私有化部署也不收钱这是它比闭源替代品最大的决策点。相关资源项目说明与功能列表README.mdREST 请求主界面源码packages/hoppscotch-common/src/components/http/桌面端实现packages/hoppscotch-desktop/自托管编排文件docker-compose.yml本地开发指南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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考