hs-logo

Hoppscotch是一款开源的API接口开发管理工具。

本文将对Hoppscotch的使用方法进行简单的介绍及说明。


Hoppscotch是个啥?

后端开发写大量接口的时候:

  • 咋和前端沟通接口用法?
  • 咋测试接口好不好使?
  • 开发的时候心乱了咋整?

当然是浪费没必要的时间和精力手动解决啦,这才够geek嘛!

当然要用上API管理工具进行接口管理测试,文档生成啦!

关于API管理工具,你可能听说过以下几种:

postman

突然,一位印度小哥冒出来,他觉得Postman不太行。

于是他发起了一个Api构建工具的项目,起名叫Postwoman。针对谁,你懂的。

当然之后觉得不妥,现在改名叫Hoppscotch了。

(Hoppscotch主要使用基于Vue的Nuxt.js构建,这名字看着是不是特别像基于React的Next.js?)

Hoppscotch有中文,能测试http,能测试websocket,又能测试graphql……为什么不试试呢?

那么,在线测试一下!

http-test


本地安装及使用

开始下面的步骤以前,请先安装好git和node.js。

本地安装

首先克隆项目仓库文件至本地:

# 将仓库克隆到本地。
git clone https://github.com/hoppscotch/hoppscotch.git
# 如果有配置过,推荐使用下面的SSH而不是上面的HTTPS进行克隆。
git clone git@github.com:hoppscotch/hoppscotch.git

克隆完毕之后,你可以选择直接运行开发服务器来使用Hoppscotch:

# 移动至项目目录。
cd ./hoppscotch
# 安装依赖。
npm i
# 运行开发服务器。
npm run dev
# 运行完毕后访问 http://localhost:3000 即可使用。

当然,你可以选择生成静态文件后使用:

# 移动至项目目录。
cd ./hoppscotch
# 安装依赖。
npm i
# 生成静态文件至./dist
npm run generate
cd ./dist
# 使用live-server,如未安装可运行:npm install -g live-server 进行安装。
live-server
# live-server 默认通过 http://127.0.0.1:8080 进行访问。

测试使用

测试HTTP:

http-tesst

测试长连接(websocket):

ws-test

测试GrapQL:

gql-test


参考链接

  1. hoppscotch的github页面:https://github.com/hoppscotch/hoppscotch
  2. Postman主页:https://www.postman.com/
  3. ApiPost主页:https://www.apipost.cn/