一款 Postman 的開源替代品:Postwoman

閱讀文本大概需要 6 分鐘。


1. 前言

大家都知道,Postman是一個非常受歡迎的API接口調試工具,提供有Chrome擴展插件版和獨立的APP,不過它的很多高級功能都需要付費才能使用。

一款 Postman 的開源替代品:Postwoman

如果你連Postman都還沒有用過,不妨可以先體驗一番。

Postman官網:

<code>https://www.getpostman.com//<code>


PS: 由於2018年初Chrome停止對Chrome應用程序的支持,你的Postman插件可能無法正常使用了,在這裡建議大家直接下載它的應用程序進行使用。

雖然Postman作為一款接口調試工具,算是非常優秀的了,但一說到使用高級功能要付費就有人坐不住了,決定自己造個輪子免費給大家使用,造福不願付費的人群。


於是,Postwoman就誕生了! 它的作者是一位叫 Liyas Thomas 的傢伙。看名字就知道是衝著Postman來的,你敢收費,我就敢免費開源。(參與貢獻者還是很多的)

一款 Postman 的開源替代品:Postwoman

2. Postwoman介紹

簡單來說,Postwoman是一個Postman的免費、快速且美觀的替代方案,它的設計初衷是為了幫助開發人員更快地創建請求,節省寶貴的開發時間,提升工作效率。並且Postwoman是開源產品,界面美觀,更容易使用!


PS: 下述兩張圖,是在Postwoman官網截取的兩張圖。

一款 Postman 的開源替代品:Postwoman

一款 Postman 的開源替代品:Postwoman

使用操作和Postman基本一致,如果你從Postman遷移過來,基本上沒有什麼學習成本。

GitHub項目官網:

<code>https://github.com/liyasthomas/postwoman/<code>


3. 相關特性

Postwoman是基於NodeJs編寫的,主要特點除了可以支持主流的Restful接口調試之外,還支持 GraphQL和 WebSocket。


作為一款開源的 Postman 替代品,主打特性有如下一些:

  • 輕盈,可直接在線訪問;
  • 簡約,採用簡約的 UI 設計精心打造;
  • 支持 GET, HEAD, POST, PUT, DELETE, OPTIONS, PATCH 方法;
  • 支持驗證;
  • 實時,發送請求即可獲取響應。

除了這些,還可自定義背景,前景色和強調色組合。


1、自定義選項:

  • 選擇主題:Kinda Dark(默認),Clearly White,Just Black和System主題
  • 選擇強調顏色:綠色(默認),黃色,粉紅色,紅色,紫色,橙色,青色和藍色


2、PWA:

可以通過PWA的方式安裝。

PS: PWA全稱Progressive Web App,即漸進式WEB應用。

特性:

  • 與Service Workers同時加載
  • 離線支持
  • 低RAM /內存和CPU使用率
  • 添加到主屏幕(頁腳中的按鈕)
  • 桌面PWA支持(頁腳中的按鈕)


3、WebSocket:

通過單個TCP連接建立全雙工通信通道。發送和接收數據


4、GraphQL

GraphQL是API的查詢語言。

除以上以外還具備其他特性就不一一介紹了,讀者使用後一試便知。


4. 定製開發

相比於其作為Postman的替代方案,筆者其實更在乎它的實現方式,Postwoman是一個基於Vue構建的Web項目,且可以構建成PWA應用,下述提供三種本地開發運行方式。

方式一:npm本地構建運行:

<code>git clone https://github.com/liyasthomas/postwoman.gitnpm install cypress --save-dev  (可選)npm installnpm run dev/<code>

PS: 官網是直接建議`npm install`,但筆者在嘗試時,發現`npm install`或`cnpm install`安裝時,會出現依賴的`cypress`安裝失敗的問題,如果讀者也出現此問題,可以先單獨安裝`cypress`.


方式二:docker-compose (需要本地先安裝docerk-compose):

<code>git clone https://github.com/liyasthomas/postwoman.gitdocker-compose up/<code>


方式三:docker (需要本地先安裝docker環境):

<code>#pulldocker pull liyasthomas/postwoman#rundocker run -p 3000:3000 liyasthomas/postwoman:latest#builddocker build -t postwoman:latest/<code>

三種方式,任一一種,本地運行成功後,打開瀏覽器,訪問`http://localhost:3000` 即可。以方式一為例,通過`npm run dev`本地運行,如下圖所示。

一款 Postman 的開源替代品:Postwoman

本地服務啟動後,可根據自已的定製開發需求,進行修改,如果你熟悉Vue的話,接下來就可以隨意玩耍了,例如此處,筆者將Postwoman標題修改了一下。

一款 Postman 的開源替代品:Postwoman

5. 總結

單從本文介紹可能並不能體驗到這樣一個顏值頗高的API客戶端,如果你覺得Postman不夠好用或者確實是想要一個好看的界面,那麼Postwoman將是你最佳的選擇!


分享到:


相關文章: