Docker 搭建 hoppscotch 并解决反向代理不成功问题

共计 1183 个字符，预计需要花费 3 分钟才能阅读完成。

在服务部署的时候，有些情况不能使用 postman 工具进行接口测试，很多时候就只能用 curl 命令行测试，还是比较麻烦的。

出于想在服务器上搭建接口测试工具的需求，找到了 Hoppscotch 这个工具。

一、介绍

Hoppscotch 是一个开源的轻量级、基于 Web 的 API 管理工具，采用 Vue、Nuxt、TypeScript 开发。从头开始设计构建，考虑易用性和可访问性，为 API 开发人员提供了简约的用户界面设计。

其实他之前有一个更显眼的名字 Postwoman，从名字就可以看出来他是要对标 Postman，虽然功能还比不上 Postman，但对于大部分开发人员的日常工作需求是完全够用的，最重要的是开源的，完全可以自己托管部署。

Hoppscotch主要具有以下功能：

• 除了常规的GET、POST请求外，还可以支持API自定义的请求方法。

• 可选多种主题和多种不同的高亮颜色。

• 作为PWA运行在设备上，内存、CPU占用都很低。

• 能生成10+种语言和框架的请求代码片段。

• 除了REST API方法，还能与WebSocket、SocketIO、MQTT服务端建立通信，支持GraphQL查询。

• 可以使用自定义代理，隐藏真实IP地址。

• 支持插入请求脚本，可以在发送请求前和得到相应后自定义一些自己期望的行为。

• 可以很方便地生成API文档。

• 支持环境变量，将值存储在变量中，可以在多个不同的请求之间引用变量。

• 可以导入 postman 导出的接口数据

一、搭建 hoppscotch

docker run -d --name hoppscotch -p 3000:3000 hoppscotch/hoppscotch:latest

搭建好以后，如果直接请求百度，则会提示不能发送请求。

/>

这是由于 hoppscotch 本身是一个 web 应用，如果直接发送请求，会产生跨域问题，所以需要搭建代理。

二、搭建 hoppscotch 代理

docker run -d --name hoppscotch-proxy -p 9159:9159  hoppscotch/proxyscotch

访问 hoppscotch 的 web 页面配置代理，修改对应 ip。

/>

修改后，再次发送请求就可以了。

/>

三、使用浏览器扩展（搭建并配置了代理可跳过）

如果不方便搭建代理，或者搭建代理无效，可以使用浏览器扩展 github地址

• 谷歌插件地址：https://chrome.google.com/webstore/detail/hoppscotch-browser-extens/amknoiejhlmhancpahfcfcfhllgkpbld

/>

• 火狐插件地址：https://addons.mozilla.org/en-US/firefox/search/?q=Hoppscotch

/>

插件安装完成后，点击插件图标，点击 Add，添加 origin 地址（部署的服务器地址），以支持跨站请求。

/>

然后在 web 页面开启使用浏览器扩展。

提醒：本文发布于872天前，文中所关联的信息可能已发生改变，请知悉！

/>