輕量級 API 接口管理工具，對標 Postman - Hoppscotch

Hoppscotch 是一個開源的輕量級、基于 Web 的 API 管理工具，采用 Vue、Nuxt、TypeScript 開發(fā)。從頭開始設計構(gòu)建，考慮易用性和可訪問性，為 API 開發(fā)人員提供了簡約的用戶界面設計。

其實他之前有一個更顯眼的名字 Postwoman，從名字就可以看出來他是要對標 Postman，雖然功能還比不上 Postman，但對于大部分開發(fā)人員的日常工作需求是完全夠用的，最重要的是開源的，完全可以自己托管部署。

特性

?? 輕量級：簡約的用戶界面設計?? 快速：實時發(fā)送請求并獲取/復制響應

REST API

• 構(gòu)建請求、添加腳本、測試響應并支持集合和環(huán)境
• 使用 proxy 訪問瀏覽器阻止的 APIS
• 歷史記錄：請求內(nèi)容與云端/本地會話存儲同步，只需單擊即可恢復

GraphQL

• 進入你的 graphql 端點，構(gòu)建你的查詢，將它們組織到 collections 中

Realtime

• 測試
• Websocket
• Socket.io
• MQtt
• SSE 連接

API 文檔

• 可以通過創(chuàng)建文檔進行發(fā)布 API，讓其他人可以訪問你的 API。

?? 附加組件

• 代理 - 為 Hoppscotch 創(chuàng)建的簡單代理服務器
• CLI β - Hoppscotch 的 CLI 解決方案
• 瀏覽器擴展 - 簡化訪問 Hoppscotch 的瀏覽器擴展，支持 Firefox 與 Chrome 瀏覽器
• Hopp-Doc-Gen - 用于 Hoppscotch 的 API 文檔生成器 CLI

安裝

本地開發(fā)環(huán)境

1. 首先 Clone 該項目
2. 通過運行 npm install -g pnpm 使用 npm 安裝 pnpm
3. 在克隆的目錄中運行 pnpm install 來安裝依賴項
4. 使用 pnpm run dev 啟動開發(fā)服務器
5. 通過在瀏覽器中訪問 http://localhost:3000 打開開發(fā)站點即可

Docker compose

• 同樣 Clone 項目
• 在項目目錄中運行 docker-compose up 即可
• 通過在瀏覽器中訪問 http://localhost:3000 打開開發(fā)站點

Docker

直接使用官方提供的鏡像即可運行：

docker?run?--rm?--name?hoppscotch?-p?3000:3000?hoppscotch/hoppscotch:latest

也可以直接使用官方提供的站點 https://hoppscotch.io/ 進行體驗，本身使用非常簡單，打開網(wǎng)站后即可使用，所以不再詳細介紹了。

Git 倉庫：https://github.com/hoppscotch/hoppscotch