【导语】: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.git
cd hopscotch
npm install
npm 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-extension
cd hoppscotch-extension
而后批改目录下的 manifest.json,在 content\_scripts matches 局部减少一行:
"*://*/*",
执行以下命令:
npm install
npm run build
下面步骤实现后会在当前目录生成 dist 目录,在 Chrome 上装置该扩大,而后重启浏览器即可。之后就能够欢快地应用 hoppscotch 了。
简略应用
向百度发动一个 GET 申请及其响应内容:
这只是一个简略的申请例子,Hoppscotch 还有很多丰富多彩的性能的性能等着大家去摸索哦。
开源前哨
日常分享热门、乏味和实用的开源我的项目。参加保护 10 万 + Star 的开源技术资源库,包含:Python、Java、C/C++、Go、JS、CSS、Node.js、PHP、.NET 等。