Hoppscotch 是一个免费的、快速的、漂亮的 API 请求生成器,供10万以上的开发者使用,当然,测试也不例外,帮助你更快地创建请求,节省宝贵的开发时间。
当然也有很多其它的接口测试工具,比如Postman,但是Postman提供的功能是有限的。仅支持RESTful API,并未涉及到多种网络请求构建的场景,比如车联网常用的MQTT协议,Postman就不支持。
想必大家都知道前段时间很火的一款应用 Postwoman,没错,它就是Hoppscotch的前身。
Hoppscotch的优点在于它采用简约的UI设计,是一款极其轻巧的工具。并且它可以实时快速地发送和获取请求。重要的是它可以部署在服务器上,那么我们整个开发团队或者测试团队就可以使用,美滋滋。
说了这么多,简单理解就是一款接口测试工具,类似Postman,但功能比Postman强大。
Hoppscotch主要具有以下功能除了常规的GET、POST请求外,还可以支持API自定义的请求方法。
可选多种主题和多种不同的高亮颜色。
作为PWA(Progressive Web App)运行在设备上,内存、CPU占用都很低。
能生成10+种语言和框架的请求代码片段。
除了REST API方法,还能与WebSocket、SocketIO、MQTT服务端建立通信,支持GraphQL查询。
可以使用自定义代理,隐藏真实IP地址。
支持插入请求脚本,可以在发送请求前和得到相应后自定义一些自己期望的行为。
可以很方便地生成API文档。
支持环境变量,将值存储在变量中,可以在多个不同的请求之间引用变量(与Postman功能类似)。
Github:
https://github.com/hoppscotch/hoppscotch
Git下载:
https://github.com/hoppscotch/hoppscotch.git
演示地址:https://hoppscotch.io/
git clone https://github.com/hoppscotch/hoppscotch.git
cd hopscotch
npm install
npm run dev
打开浏览器输入:http://172.18.7.146:3000/
问题解决
当我们首次使用Hoppscotch测试接口时,会报Error:Network Error
解决办法:
git clone https://github.com/hoppscotch/hoppscotch-extension
cd hoppscotch-extension
修改目录下的manifest.json在content_scripts matches部分增加"*://*/*",
npm install
npm run build
看见上图了吗,没错,报错了,报错了怎么办呢,解决呗,可是我断断续续折腾了好久,从升级Node版本,npm版本,甚至升级里面依赖包的版本,仔细读Hoppscoth文档,然而问题并没解决,只能选择暂时放弃,只能用一张图来形容我此时的心情~
最终还是失败了,我还是选择发出来,有兴趣的小伙伴们可以研究一下,到底是什么问题导致的,欢迎来讨论。
目前100000+人已关注加入我们
你的每个赞和在看,我都当成了喜欢!