Hoppscotch API 測試工具 3 分鐘上手從克隆到發(fā)出第一個請求【免費(fèi)下載鏈接】hoppscotchOpen-Source API Development Ecosystem ? https://hoppscotch.io ? Offline, On-Prem Cloud ? Web, Desktop CLI ? Open-Source Alternative to Postman, Insomnia項目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch正在調(diào)試接口、又想要一個可安裝、離線可用的開源 API 測試工具的話Hoppscotch 值得部署到本機(jī)它支持發(fā)送 HTTP/HTTPS 請求、調(diào)試 GraphQL 與 WebSocket 連接還能把接口整理成集合全部在一個界面里完成。如果你是前端、后端開發(fā)或測試同學(xué)準(zhǔn)備在自己的機(jī)器上裝一套 API 調(diào)試工具這篇內(nèi)容適合你。按下面的節(jié)奏走3 分鐘后服務(wù)就能跑起來并發(fā)出第一個請求。 確認(rèn)安裝依賴清單開始之前對照下面這份清單檢查本地環(huán)境缺什么先補(bǔ)什么Node.js 18.0 及以上版本monorepo 構(gòu)建工具鏈依賴它pnpm 10.x 包管理器項目強(qiáng)制要求使用它Git 用于拉取代碼4GB 以上可用內(nèi)存2GB 以上可用磁盤空間清單很短確認(rèn)完這幾項就可以開始配置了。 完成本地部署的三步操作第一步克隆項目代碼把倉庫拉到本地并進(jìn)入項目根目錄git clone https://gitcode.com/GitHub_Trending/ho/hoppscotch cd hoppscotch預(yù)期終端顯示下載進(jìn)度結(jié)束后當(dāng)前目錄出現(xiàn) packages 子目錄里面是 hoppscotch-common、hoppscotch-backend 等多個子模塊其中 hoppscotch-common 是你之后用得最多的 Web 界面主體。第二步安裝全部依賴一條命令裝完所有子模塊的依賴pnpm install預(yù)期終端持續(xù)輸出安裝進(jìn)度最后沒有出現(xiàn)紅色報錯信息即可進(jìn)入下一步。第三步啟動開發(fā)服務(wù)啟動 Web 開發(fā)服務(wù)瀏覽器直接指向它pnpm dev預(yù)期終端打印本地訪問地址用瀏覽器打開終端顯示的 localhost 地址能看到 Hoppscotch 的主界面左側(cè)是集合列表右側(cè)是請求面板。這個服務(wù)帶熱重載之后改動代碼會自動生效。? 快速上手發(fā)出第一個 API 請求頂部請求欄保持默認(rèn) GET 方法在 URL 輸入框填入測試地址https://httpbin.org/get點(diǎn) Send 按鈕下方會依次出現(xiàn)狀態(tài) 200、響應(yīng)耗時和完整響應(yīng)內(nèi)容看到它們就說明通了要改請求參數(shù)點(diǎn) URL 欄右側(cè)的 Body 或 Headers 標(biāo)簽頁表單上傳場景把請求體類型選成 multipart/form-data響應(yīng)是 JSON 時下方默認(rèn)按語法高亮展示也能切到 Raw 或 Headers 視圖點(diǎn)請求上方的 Save 按鈕并命名請求就存進(jìn)左側(cè)集合里下次從列表點(diǎn)開重發(fā)即可也可以在集合頂部的搜索框里按名稱查找 常見卡點(diǎn)速查pnpm 命令找不到項目強(qiáng)制用 pnpm先執(zhí)行npm install -g pnpm全局裝好再回來繼續(xù)啟動時終端提示的是別的端口服務(wù)沒掛只是挪到了終端打印的可用端口直接打開那個地址pnpm install 卡住或失敗刪掉 node_modules 目錄后重跑pnpm install網(wǎng)絡(luò)不穩(wěn)時可以先給 pnpm 配置鏡像源 接下來可以探索用環(huán)境變量保存不同環(huán)境的接口地址和令牌請求會自動按選中的環(huán)境替換切換環(huán)境就在頁面右上角進(jìn)行頂部標(biāo)簽頁切到 GraphQL、WebSocket 或 MQTT同一個面板測試其他通信協(xié)議團(tuán)隊有自建后端的話把 packages 下的 hoppscotch-backend 子模塊接上解鎖團(tuán)隊共享集合等協(xié)作能力到這里就搞定了現(xiàn)在就去瀏覽器里把第一個請求發(fā)出去。【免費(fèi)下載鏈接】hoppscotchOpen-Source API Development Ecosystem ? https://hoppscotch.io ? Offline, On-Prem Cloud ? Web, Desktop CLI ? Open-Source Alternative to Postman, Insomnia項目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考