對標 Postman！2.5 萬 Star 的挑戰(zhàn)者：Hoppscotch

作者：小秋

【導(dǎo)語】：Hoppscotch是一個免費、開源、快速、美觀的API請求工具，可以更快地創(chuàng)建請求，節(jié)省開發(fā)時間。

簡介

Hoppscotch是一種可以通過Web服務(wù)的方式構(gòu)建API訪問的工具，使用Node.js開發(fā)，采用簡約的UI設(shè)計，能實時發(fā)送和獲取響應(yīng)值，它的的前身是postwoman。Hoppscotch是webapp，可以部署在服務(wù)器上，這樣一來整個團隊都能使用，而不需要通過導(dǎo)入導(dǎo)出從而分享團隊內(nèi)成員所創(chuàng)建的集合。Hoppscotch主要具有以下功能：

1、除了常規(guī)的GET、POST請求外，還可以支持API自定義的請求方法。

2、可選多種主題和多種不同的高亮顏色。

3、作為PWA運行在設(shè)備上，內(nèi)存、CPU占用都很低。

4、能生成10+種語言和框架的請求代碼片段。

5、除了REST API方法，還能與WebSocket、SocketIO、MQTT服務(wù)端建立通信，支持GraphQL查詢。

6、可以使用自定義代理，隱藏真實IP地址。

7、支持插入請求腳本，可以在發(fā)送請求前和得到相應(yīng)后自定義一些自己期望的行為。

8、可以很方便地生成API文檔。

9、支持環(huán)境變量，將值存儲在變量中，可以在多個不同的請求之間引用變量。

下載安裝

項目源碼：

https://github.com/hoppscotch/hoppscotch

在線demo：

https://hoppscotch.io/?

在線在國內(nèi)訪問很慢，下面介紹本地安裝的方法，也很簡單。安裝的步驟，其實就是下載項目源碼然后編譯，命令如下：

git clone https://github.com/hoppscotch/hoppscotch.gitcd?hopscotchnpm?installnpm?run?dev

Hoppscotch使用Node.js開發(fā)，所以要先安裝Node的環(huán)境，關(guān)于Node這里不介紹。

上面步驟的最后一個命令，其實是啟動命令。啟動過程中有可能報內(nèi)存不足的錯誤，可以使用以下命令增加內(nèi)存，根據(jù)實際情況自行設(shè)置內(nèi)存大小，單位是M。

setx NODE_OPTIONS --max_old_space_size=4096

完成后，訪問http://127.0.0.1:3000就能看到hoppscotch的界面了。

解決Network Error

初次使用時會彈出Network Error的錯誤，其實這是Hoppscotch防止CORS跨域訪問機制導(dǎo)致的問題。Hoppscotch本身是一個Web應(yīng)用，所以訪問其他網(wǎng)址的時候，本質(zhì)上就是CORS。

可以通過安裝Firefox或Chrome的擴展來解決這個問題，官方文檔也有相關(guān)說明，跟著操作即可，這里介紹Chrome安裝擴展的方法，執(zhí)行以下命令。

git clone https://github.com/hoppscotch/hoppscotch-extensioncd?hoppscotch-extension

然后修改目錄下的manifest.json，在content_scripts matches部分增加一行：

"*://*/*",

執(zhí)行以下命令：

npm?installnpm run build

上面步驟完成后會在當前目錄生成dist目錄，在Chrome上安裝該擴展，然后重啟瀏覽器即可。之后就可以愉快地使用hoppscotch了。

簡單使用

向百度發(fā)起一個GET請求及其響應(yīng)內(nèi)容：

這只是一個簡單的請求例子，Hoppscotch還有很多豐富多彩的功能的功能等著大家去探索哦。

Python貓技術(shù)交流群開放啦！群里既有國內(nèi)一二線大廠在職員工，也有國內(nèi)外高校在讀學(xué)生，既有十多年碼齡的編程老鳥，也有中小學(xué)剛剛?cè)腴T的新人，學(xué)習(xí)氛圍良好！想入群的同學(xué)，請在公號內(nèi)回復(fù)『交流群』，獲取貓哥的微信（謝絕廣告黨，非誠勿擾！）~

感謝創(chuàng)作者的好文