对标 Postman！2.5 万 Star 的挑战者：Hoppscotch

作者：小秋

【导语】：Hoppscotch是一个免费、开源、快速、美观的API请求工具，可以更快地创建请求，节省开发时间。

简介

Hoppscotch是一种可以通过Web服务的方式构建API访问的工具，使用Node.js开发，采用简约的UI设计，能实时发送和获取响应值，它的的前身是postwoman。Hoppscotch是webapp，可以部署在服务器上，这样一来整个团队都能使用，而不需要通过导入导出从而分享团队内成员所创建的集合。Hoppscotch主要具有以下功能：

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

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

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

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

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

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

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

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

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

下载安装

项目源码：

https://github.com/hoppscotch/hoppscotch

在线demo：

https://hoppscotch.io/ 

在线在国内访问很慢，下面介绍本地安装的方法，也很简单。安装的步骤，其实就是下载项目源码然后编译，命令如下：

git clone https://github.com/hoppscotch/hoppscotch.gitcd hopscotchnpm installnpm run dev

Hoppscotch使用Node.js开发，所以要先安装Node的环境，关于Node这里不介绍。

上面步骤的最后一个命令，其实是启动命令。启动过程中有可能报内存不足的错误，可以使用以下命令增加内存，根据实际情况自行设置内存大小，单位是M。

setx NODE_OPTIONS --max_old_space_size=4096

完成后，访问http://127.0.0.1:3000就能看到hoppscotch的界面了。

解决Network Error

初次使用时会弹出Network Error的错误，其实这是Hoppscotch防止CORS跨域访问机制导致的问题。Hoppscotch本身是一个Web应用，所以访问其他网址的时候，本质上就是CORS。

可以通过安装Firefox或Chrome的扩展来解决这个问题，官方文档也有相关说明，跟着操作即可，这里介绍Chrome安装扩展的方法，执行以下命令。

git clone https://github.com/hoppscotch/hoppscotch-extensioncd hoppscotch-extension

然后修改目录下的manifest.json，在content_scripts matches部分增加一行：

"*://*/*",

执行以下命令：

npm installnpm run build

上面步骤完成后会在当前目录生成dist目录，在Chrome上安装该扩展，然后重启浏览器即可。之后就可以愉快地使用hoppscotch了。

简单使用

向百度发起一个GET请求及其响应内容：

这只是一个简单的请求例子，Hoppscotch还有很多丰富多彩的功能的功能等着大家去探索哦。

Python猫技术交流群开放啦！群里既有国内一二线大厂在职员工，也有国内外高校在读学生，既有十多年码龄的编程老鸟，也有中小学刚刚入门的新人，学习氛围良好！想入群的同学，请在公号内回复『交流群』，获取猫哥的微信（谢绝广告党，非诚勿扰！）~

感谢创作者的好文