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

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

特性

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

REST API

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

GraphQL

進入你的 graphql 端點，構建你的查詢，將它們組織到 collections 中。

Realtime

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

API 文檔

可以通過創建文檔進行發布 API，讓其他人可以訪問你的 API。

附加組件

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

安裝

本地開發環境

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

Docker compose

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

Docker

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

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

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