【导语】：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...

在线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还有很多丰富多彩的性能的性能等着大家去摸索哦。

开源前哨 日常分享热门、乏味和实用的开源我的项目。参加保护 10万+ Star 的开源技术资源库，包含：Python、Java、C/C++、Go、JS、CSS、Node.js、PHP、.NET 等。