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