Hoppscotch终极指南免费测试REST、GraphQL与WebSocket接口怎么做【免费下载链接】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手动拼了半天 multipart 请求拿到 401换 token 还得再写一段代码Hoppscotch 是一个开源 API 测试工具在同一个浏览器窗口里发 REST 请求、连 WebSocket、写 GraphQL 查询MIT 协议永久免费。它不只是个网页桌面客户端、命令行工具、可自托管的后端项目里全都带了。Hoppscotch是什么凭什么免费Hoppscotch 把自己定义为开源 API 开发生态实际定位就是 Postman、Insomnia 这类商业客户端的开源替代。它覆盖发请求—管集合—写测试—团队协作整条链路在线、PWA、桌面端、CLI 四种形态都能跑。免费的核心原因整个项目是 MIT 协议开源的自托管和官方云的基础功能都不按席位收费数据也可以只存你自己的机器上不经过任何第三方服务器。先跑起来3种方式启动三条路径按要多少控制权选一条最短的不用装任何东西。方式一浏览器打开在线版打开 Hoppscotch 官网就能用不用注册数据默认存在浏览器本地之后登录账号会自动同步。适合先试一周够不够用身体最诚实。方式二本地部署克隆仓库跑 dev仓库是 pnpm monorepo克隆后依次执行这几条命令开发环境版就起来了git clone https://gitcode.com/GitHub_Trending/ho/hoppscotch cd hoppscotch pnpm install pnpm dev注意项目强制使用 pnpmpackage.json 里写死了 only-allow用 npm 或 yarn 会被拒绝。团队要私有部署的话仓库根目录的 docker-compose.yml 一条命令拉起后端、Web 前端和管理后台。方式三下载桌面应用Windows、macOS、Linux 都有安装包功能和 Web 版一致多出的好处是左上角菜单可以切换连接实例官方云和你自建的服务器随意换。能干哪些事4个高频场景 一个窗口测完REST、GraphQL和WebSocket左侧栏切协议就行REST、GraphQL、WebSocket、SSE、Socket.IO、MQTT 共 6 种。GraphQL 标签页还能拉取 schema、浏览文档、直接跑查询不用再开 GraphiQL 对答案。省的是装 3 个工具、开 3 个窗口、来回复制参数的半天。 OAuth 2.0授权流程不用手动拼授权面板给 5 种None、Basic、Bearer Token、OAuth 2.0、OIDC PKCE。OAuth 2.0 的跳转、换码、取 token 全流程由工具代跑没有 client secret 的公共客户端直接选 PKCE。省的是你以前手工模拟授权流程、对着文档对参数的时间。 同事甩过来的cURL命令粘上就能跑粘贴 cURL 命令方法、URL、请求头、body 自动解析好同一个请求还能导出 10 多种语言的代码片段JS、Python、curl 等直接发给别的语言栈的同事。手工转录参数、逐字对 typo 基本退出历史舞台。 整套测试用例丢进终端跑配套的 CLI 可以在命令行里直接执行你保存的请求和集合配合断言测试可以塞进 CI 里天天跑。白天在界面上攒的请求发布前不用人肉点一遍。跟着做3步完成一次完整API请求用内置的 Echo Server 当沙箱它会把你的请求原样回显每个 header 都看得清清楚楚。先打开REST请求选方法填URL左侧栏点 REST左上角选 GETURL 栏填 Echo Server 地址回车发送。响应区原样回显请求头能看到说明链路通了后面所有配置都在这个窗口里完成。然后加上认证和请求体展开 Authorization 标签选 Bearer Token把 token 粘进去要发文件就把 Body 切成 form-data选中文件即可。桌面客户端里长这样最后发送看状态栏三行响应区顶部固定三行状态码、耗时、体积。body 默认按 JSON 高亮Raw、Headers 标签随时切原始报文和完整响应头不用再去别处查。效率进阶3个让你少加班的技巧 环境变量开发、测试、生产三套配置一键换场景同一个接口三个环境的 base URL 不一样。要点在环境管理器里定义变量URL 和请求头里用 {{变量名}} 形式引用右上角环境选择器一切整条请求自动替换不用逐字段改。 预请求脚本发送前自动换新token场景接口每次都要新鲜 token固定值过两分钟就失效。要点Pre-request Script 标签在请求发出前于沙箱执行 JavaScript拉 token、算签名、写变量都能做脚本逻辑和请求本身存在同一个集合里。 给请求挂断言状态码不对直接标红场景每次返回都是 200但某个字段悄悄变空了没人发现。要点Tests 标签写状态必须等于 200某字段必须存在这类断言发送后 Test Results 标签逐条打勾或标红每次发送都自动跑不用肉眼盯。多人协作团队怎么一起用登录后 Hoppscotch 区分个人和团队工作区集合、环境、请求在成员之间实时同步按角色分配权限新成员误删别人请求这种事有门禁挡着。数据不想放公共云的用仓库里的 compose 文件自托管一整套后端 Web 前端 管理后台桌面端左上角菜单就能把这个自建实例加进来切换团队协作和个人使用互不干扰。你可能踩的坑 / 3个常见问题URL里的环境变量没生效变量必须写成 {{名字}} 的占位符格式并且确认右上角选对了环境默认的空环境里没有任何变量占位符会被原样发出去。响应区一片空白只显示网络错误典型的跨域拦截浏览器 CORS 规则把响应扣下了请求本身没问题。换桌面客户端绕过或在服务端补上 CORS 响应头、走代理转发。换台电脑数据全没了没登录账号时所有集合和环境都只存在当前浏览器的本地存储里。登录官方云或自托管实例后这些数据会自动同步过去。写在最后工具选型看任务但至少别再为客户端付年费、再为换 token 手写代码。README.md项目说明与功能清单hoppscotch-common前端源码界面与请求逻辑都在这里docker-compose.yml自托管实例的编排文件【免费下载链接】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），仅供参考
Hoppscotch终极指南免费测试REST、GraphQL与WebSocket接口怎么做【免费下载链接】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手动拼了半天 multipart 请求拿到 401换 token 还得再写一段代码Hoppscotch 是一个开源 API 测试工具在同一个浏览器窗口里发 REST 请求、连 WebSocket、写 GraphQL 查询MIT 协议永久免费。它不只是个网页桌面客户端、命令行工具、可自托管的后端项目里全都带了。Hoppscotch是什么凭什么免费Hoppscotch 把自己定义为开源 API 开发生态实际定位就是 Postman、Insomnia 这类商业客户端的开源替代。它覆盖发请求—管集合—写测试—团队协作整条链路在线、PWA、桌面端、CLI 四种形态都能跑。免费的核心原因整个项目是 MIT 协议开源的自托管和官方云的基础功能都不按席位收费数据也可以只存你自己的机器上不经过任何第三方服务器。先跑起来3种方式启动三条路径按要多少控制权选一条最短的不用装任何东西。方式一浏览器打开在线版打开 Hoppscotch 官网就能用不用注册数据默认存在浏览器本地之后登录账号会自动同步。适合先试一周够不够用身体最诚实。方式二本地部署克隆仓库跑 dev仓库是 pnpm monorepo克隆后依次执行这几条命令开发环境版就起来了git clone https://gitcode.com/GitHub_Trending/ho/hoppscotch cd hoppscotch pnpm install pnpm dev注意项目强制使用 pnpmpackage.json 里写死了 only-allow用 npm 或 yarn 会被拒绝。团队要私有部署的话仓库根目录的 docker-compose.yml 一条命令拉起后端、Web 前端和管理后台。方式三下载桌面应用Windows、macOS、Linux 都有安装包功能和 Web 版一致多出的好处是左上角菜单可以切换连接实例官方云和你自建的服务器随意换。能干哪些事4个高频场景 一个窗口测完REST、GraphQL和WebSocket左侧栏切协议就行REST、GraphQL、WebSocket、SSE、Socket.IO、MQTT 共 6 种。GraphQL 标签页还能拉取 schema、浏览文档、直接跑查询不用再开 GraphiQL 对答案。省的是装 3 个工具、开 3 个窗口、来回复制参数的半天。 OAuth 2.0授权流程不用手动拼授权面板给 5 种None、Basic、Bearer Token、OAuth 2.0、OIDC PKCE。OAuth 2.0 的跳转、换码、取 token 全流程由工具代跑没有 client secret 的公共客户端直接选 PKCE。省的是你以前手工模拟授权流程、对着文档对参数的时间。 同事甩过来的cURL命令粘上就能跑粘贴 cURL 命令方法、URL、请求头、body 自动解析好同一个请求还能导出 10 多种语言的代码片段JS、Python、curl 等直接发给别的语言栈的同事。手工转录参数、逐字对 typo 基本退出历史舞台。 整套测试用例丢进终端跑配套的 CLI 可以在命令行里直接执行你保存的请求和集合配合断言测试可以塞进 CI 里天天跑。白天在界面上攒的请求发布前不用人肉点一遍。跟着做3步完成一次完整API请求用内置的 Echo Server 当沙箱它会把你的请求原样回显每个 header 都看得清清楚楚。先打开REST请求选方法填URL左侧栏点 REST左上角选 GETURL 栏填 Echo Server 地址回车发送。响应区原样回显请求头能看到说明链路通了后面所有配置都在这个窗口里完成。然后加上认证和请求体展开 Authorization 标签选 Bearer Token把 token 粘进去要发文件就把 Body 切成 form-data选中文件即可。桌面客户端里长这样最后发送看状态栏三行响应区顶部固定三行状态码、耗时、体积。body 默认按 JSON 高亮Raw、Headers 标签随时切原始报文和完整响应头不用再去别处查。效率进阶3个让你少加班的技巧 环境变量开发、测试、生产三套配置一键换场景同一个接口三个环境的 base URL 不一样。要点在环境管理器里定义变量URL 和请求头里用 {{变量名}} 形式引用右上角环境选择器一切整条请求自动替换不用逐字段改。 预请求脚本发送前自动换新token场景接口每次都要新鲜 token固定值过两分钟就失效。要点Pre-request Script 标签在请求发出前于沙箱执行 JavaScript拉 token、算签名、写变量都能做脚本逻辑和请求本身存在同一个集合里。 给请求挂断言状态码不对直接标红场景每次返回都是 200但某个字段悄悄变空了没人发现。要点Tests 标签写状态必须等于 200某字段必须存在这类断言发送后 Test Results 标签逐条打勾或标红每次发送都自动跑不用肉眼盯。多人协作团队怎么一起用登录后 Hoppscotch 区分个人和团队工作区集合、环境、请求在成员之间实时同步按角色分配权限新成员误删别人请求这种事有门禁挡着。数据不想放公共云的用仓库里的 compose 文件自托管一整套后端 Web 前端 管理后台桌面端左上角菜单就能把这个自建实例加进来切换团队协作和个人使用互不干扰。你可能踩的坑 / 3个常见问题URL里的环境变量没生效变量必须写成 {{名字}} 的占位符格式并且确认右上角选对了环境默认的空环境里没有任何变量占位符会被原样发出去。响应区一片空白只显示网络错误典型的跨域拦截浏览器 CORS 规则把响应扣下了请求本身没问题。换桌面客户端绕过或在服务端补上 CORS 响应头、走代理转发。换台电脑数据全没了没登录账号时所有集合和环境都只存在当前浏览器的本地存储里。登录官方云或自托管实例后这些数据会自动同步过去。写在最后工具选型看任务但至少别再为客户端付年费、再为换 token 手写代码。README.md项目说明与功能清单hoppscotch-common前端源码界面与请求逻辑都在这里docker-compose.yml自托管实例的编排文件【免费下载链接】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），仅供参考
![[光学原理与应用-521]：对光的错误理解与纠偏](http://pic.xiahunao.cn/yaotu/[光学原理与应用-521]：对光的错误理解与纠偏)
