1. 前言

大家都知道，Postman是一個(gè)非常受歡迎的API接口調(diào)試工具，提供有Chrome擴(kuò)展插件版和獨(dú)立的APP，不過(guò)它的很多高級(jí)功能都需要付費(fèi)才能使用。

如果你連Postman都還沒(méi)有用過(guò)，不妨可以先體驗(yàn)一番。

 Postman官網(wǎng)：

https://www.getpostman.com/

PS: 由于2018年初Chrome停止對(duì)Chrome應(yīng)用程序的支持，你的Postman插件可能無(wú)法正常使用了，在這里建議大家直接下載它的應(yīng)用程序進(jìn)行使用。

雖然Postman作為一款接口調(diào)試工具，算是非常優(yōu)秀的了，但一說(shuō)到使用高級(jí)功能要付費(fèi)就有人坐不住了，決定自己造個(gè)輪子免費(fèi)給大家使用，造福不愿付費(fèi)的人群。

于是，Postwoman就誕生了!  它的作者是一位叫 Liyas Thomas 的家伙。看名字就知道是沖著Postman來(lái)的，你敢收費(fèi)，我就敢免費(fèi)開(kāi)源。（參與貢獻(xiàn)者還是很多的）

2. Postwoman介紹

簡(jiǎn)單來(lái)說(shuō)，Postwoman是一個(gè)Postman的免費(fèi)、快速且美觀的替代方案，它的設(shè)計(jì)初衷是為了幫助開(kāi)發(fā)人員更快地創(chuàng)建請(qǐng)求，節(jié)省寶貴的開(kāi)發(fā)時(shí)間，提升工作效率。并且Postwoman是開(kāi)源產(chǎn)品，界面美觀，更容易使用！

PS: 下述兩張圖，是在Postwoman官網(wǎng)截取的兩張圖。

 使用操作和Postman基本一致，如果你從Postman遷移過(guò)來(lái)，基本上沒(méi)有什么學(xué)習(xí)成本。

GitHub項(xiàng)目官網(wǎng)：

https://github.com/liyasthomas/postwoman

3. 相關(guān)特性

Postwoman是基于NodeJs編寫(xiě)的，主要特點(diǎn)除了可以支持主流的Restful接口調(diào)試之外，還支持 GraphQL和 WebSocket。

作為一款開(kāi)源的 Postman 替代品，主打特性有如下一些：

• 輕盈，可直接在線訪問(wèn)；

• 簡(jiǎn)約，采用簡(jiǎn)約的 UI 設(shè)計(jì)精心打造；

• 支持 GET, HEAD, POST, PUT, DELETE, OPTIONS, PATCH 方法；

• 支持驗(yàn)證；

• 實(shí)時(shí)，發(fā)送請(qǐng)求即可獲取響應(yīng)。

除了這些，還可自定義背景，前景色和強(qiáng)調(diào)色組合。

1、自定義選項(xiàng)：

• 選擇主題：Kinda Dark（默認(rèn)），Clearly White，Just Black和System主題

• 選擇強(qiáng)調(diào)顏色：綠色（默認(rèn)），黃色，粉紅色，紅色，紫色，橙色，青色和藍(lán)色

2、PWA：

可以通過(guò)PWA的方式安裝。

PS: PWA全稱Progressive Web App，即漸進(jìn)式WEB應(yīng)用。

特性：

• 與Service Workers同時(shí)加載

• 離線支持

• 低RAM /內(nèi)存和CPU使用率

• 添加到主屏幕（頁(yè)腳中的按鈕）

• 桌面PWA支持（頁(yè)腳中的按鈕）

3、WebSocket：

通過(guò)單個(gè)TCP連接建立全雙工通信通道。發(fā)送和接收數(shù)據(jù)

4、GraphQL：

GraphQL是API的查詢語(yǔ)言。

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

4. 定制開(kāi)發(fā)

相比于其作為Postman的替代方案，筆者其實(shí)更在乎它的實(shí)現(xiàn)方式，Postwoman是一個(gè)基于Vue構(gòu)建的Web項(xiàng)目，且可以構(gòu)建成PWA應(yīng)用，下述提供三種本地開(kāi)發(fā)運(yùn)行方式。

方式一：npm本地構(gòu)建運(yùn)行：

git clone https://github.com/liyasthomas/postwoman.git
npm install cypress --save-dev  （可選）
npm install
npm run dev

PS: 官網(wǎng)是直接建議`npm install`，但筆者在嘗試時(shí)，發(fā)現(xiàn)`npm install`或`cnpm install`安裝時(shí)，會(huì)出現(xiàn)依賴的`cypress`安裝失敗的問(wèn)題，如果讀者也出現(xiàn)此問(wèn)題，可以先單獨(dú)安裝`cypress`.

方式二：docker-compose （需要本地先安裝docerk-compose）:

git clone https://github.com/liyasthomas/postwoman.git
docker-compose up

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

#pull
docker pull liyasthomas/postwoman
#run
docker run -p 3000:3000 liyasthomas/postwoman:latest
#build
docker build -t postwoman:latest

三種方式，任一一種，本地運(yùn)行成功后，打開(kāi)瀏覽器，訪問(wèn)`http://localhost:3000`  即可。以方式一為例，通過(guò)`npm run dev`本地運(yùn)行，如下圖所示。

 本地服務(wù)啟動(dòng)后，可根據(jù)自已的定制開(kāi)發(fā)需求，進(jìn)行修改，如果你熟悉Vue的話，接下來(lái)就可以隨意玩耍了，例如此處，筆者將Postwoman標(biāo)題修改了一下。

5. 總結(jié)

單從本文介紹可能并不能體驗(yàn)到這樣一個(gè)顏值頗高的API客戶端，如果你覺(jué)得Postman不夠好用或者確實(shí)是想要一個(gè)好看的界面，那么Postwoman將是你最佳的選擇！