作为一名后端开发者,我们经常会使用API工具来调试接口,例如Postman。随着Postman的迭代更新,功能越来越复杂,有时候打开也比较慢。作为开发者我们对API工具的需求很简单:简单好用就可以了,今天给大家分享一款这样的轻量级API工具!
Hoppscotch简介
Hoppscotch是一款开源的API工具,它的功能简单易用,界面也很清新优雅,目前在Github上已有70k+star
。
它具有如下特性:
- 轻量级:使用了简约的UI设计。
- 响应快:能实时发起请求和获取响应结果。
- 支持主流HTTP请求方式:如GET、POST、PUT、PATCH、DELETE、自定义等。
- 支持多种主题和颜色:浅色、深色和黑色,主题色可选择。
- 支持多种认证方式:Basic、Bearer Token、OAuth 2.0等。
- 其他请求方式支持:WebSocket、SSE、MQTT、GraphQL等。
下面是Hoppscotch使用过程中的效果图,界面还是挺清新的!

安装及设置
- Hoppscotch的安装是非常简单的,我们可以去它的官网下载,它支持主流操作系统和CLI使用,下载地址:hoppscotch.com/download

- Hoppscotch是一款国际化的工具,我们可以在
设置->语言
中将其设置为中文;

- 在
设置->主题
中我们可以设置背景和强调色,个人比较喜欢暗色的主题。

使用
接下来我们将通过Hoppscotch来调试下电商实战项目mall中的接口
,这里还是简单介绍下mall项目吧,mall项目是一套基于 SpringBoot3
+ Vue 的电商系统(Github标星60K),后端支持多模块和2024最新微服务架构
,采用Docker和K8S部署。包括前台商城项目和后台管理系统,能支持完整的订单流程!涵盖商品、订单、购物车、权限、优惠券、会员、支付等功能!
- Boot项目:github.com/macrozheng/...
- Cloud项目:github.com/macrozheng/...
- 教程网站:www.macrozheng.com
项目演示:

- 首先我们需要先启动mall项目,打开mall项目的Swagger API文档页面,我们将会直接把项目中的接口导入到Hoppscotch里,地址:http://localhost:8080/swagger-ui/

- 之后我们选择
REST
面板右侧的导入按钮,选择从OpenAPI导入->从URL导入
;

- 然后输入对应的URL即可完成导入,导入成功后在右侧的
集合
中会看到对应的接口;

- 这里我们先访问下mall项目的登录接口测试下,把返回的token保存下来;

- 当我们不带token访问需要登录认证的接口,例如获取商品品牌列表的接口时,会返回
暂未登录
的结果;

- 此时我们在环境变量里添加一个token的变量;

- 然后在请求的
授权
里引用这个token就可以正常访问需要登录认证的接口了!

总结
Hoppscotch确实是一款非常不错的API工具,它功能简洁易用,而且它也不会像Postman一样每次使用都会提示你去登录,感兴趣的小伙伴可以尝试下它!