安裝及設置

Hoppscotch的安裝是非常簡單的,我們可以去它的官網下載,它支持主流操作系統和CLI使用,下載地址:https://hoppscotch.com/download

image

Hoppscotch是一款國際化的工具,我們可以在

設置->語言

中將其設置為中文;

image

設置->主題

中我們可以設置背景和強調色,個人比較喜歡暗色的主題。

image

使用

接下來我們將通過Hoppscotch來調試下電商實戰項目mall中的接口

,這里還是簡單介紹下mall項目吧,mall項目是一套基于?SpringBoot3?+ Vue 的電商系統(Github標星60K),后端支持多模塊和?2024最新微服務架構?,采用Docker和K8S部署。包括前臺商城項目和后臺管理系統,能支持完整的訂單流程!涵蓋商品、訂單、購物車、權限、優惠券、會員、支付等功能!

Boot項目:https://github.com/macrozheng/mall

Cloud項目:https://github.com/macrozheng/mall-swarm

視頻教程:https://www.macrozheng.com/video/

項目演示:

image

首先我們需要先啟動mall項目,打開mall項目的Swagger API文檔頁面,我們將會直接把項目中的接口導入到Hoppscotch里,地址:http://localhost:8080/swagger-ui/

image

之后我們選擇

REST

面板右側的導入按鈕,選擇

從OpenAPI導入->從URL導入

image

然后輸入對應的URL即可完成導入,導入成功后在右側的

集合

中會看到對應的接口;

image

這里我們先訪問下mall項目的登錄接口測試下,把返回的token保存下來;

image

當我們不帶token訪問需要登錄認證的接口,例如獲取商品品牌列表的接口時,會返回

暫未登錄

的結果;

image

此時我們在環境變量里添加一個token的變量;

image

然后在請求的

授權

里引用這個token就可以正常訪問需要登錄認證的接口了!

image

總結

Hoppscotch確實是一款非常不錯的API工具,它功能簡潔易用,而且它也不會像Postman一樣每次使用都會提示你去登錄,感興趣的小伙伴可以嘗試下它!項目地址https://github.com/hoppscotch/hoppscotch

原文轉載自:https://mp.weixin.qq.com/s/l_wiLkXylLz_MWFsPTFRdA

上一篇:

DeepSeek推薦AI生圖API,用Windsurf接入API,完善AI生圖功能

下一篇:

Apifox MCP Server :1分鐘上手,高效API管理神器!
#你可能也喜歡這些API文章!

我們有何不同?

API服務商零注冊

多API并行試用

數據驅動選型,提升決策效率

查看全部API→
??

熱門場景實測,選對API

#AI文本生成大模型API

對比大模型API的內容創意新穎性、情感共鳴力、商業轉化潛力

25個渠道
一鍵對比試用API 限時免費

#AI深度推理大模型API

對比大模型API的邏輯推理準確性、分析深度、可視化建議合理性

10個渠道
一鍵對比試用API 限時免費