# 1\. 前言

大家都知道，Postman是一個非常受歡迎的API介面除錯工具，提供有Chrome擴充套件外掛版和獨立的APP，不過它的很多高階功能都需要付費才能使用。

![](https://upload-images.jianshu.io/upload_images/13465705-233643ed8d1ef0fd?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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

Postman官網：

```
https://www.getpostman.com/
```

PS: 由於2018年初Chrome停止對Chrome應用程式的支援，你的**P****ostman外掛可能無法正常**使用了，在這裡建議大家直接下載它的應用程式進行使用。

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

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

![](https://upload-images.jianshu.io/upload_images/13465705-b277526d19920222?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

# 2. Postwoman介紹

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

PS: 下述兩張圖，是在Postwoman官網擷取的兩張圖。

![](https://upload-images.jianshu.io/upload_images/13465705-132ba5c9d87634a9?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![](https://upload-images.jianshu.io/upload_images/13465705-74d21639365be463?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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

GitHub專案官網：

```
https://github.com/liyasthomas/postwoman
```

# 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本地構建執行：**

```
git clone https://github.com/liyasthomas/postwoman.git
```

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

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

```
git clone https://github.com/liyasthomas/postwoman.git
```

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

```
#pull
```

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

![](https://upload-images.jianshu.io/upload_images/13465705-a54314a43a0ea5a5?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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

![](https://upload-images.jianshu.io/upload_images/13465705-623bc40b1ca86877.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

# 5\. 總結

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

# 技術學習總結

學習技術一定要制定一個明確的學習路線，這樣才能高效的學習，不必要做無效功，既浪費時間又得不到什麼效率，大家不妨按照我這份路線來學習。

![](https://upload-images.jianshu.io/upload_images/22932333-0541ce031659c162?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![](https://upload-images.jianshu.io/upload_images/22932333-15186ea597f854f9?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![](https://upload-images.jianshu.io/upload_images/22932333-7a4fdf672185a595?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

# 最後面試分享

大家不妨直接在牛客和力扣上多刷題，同時，我也拿了一些面試題跟大家分享，也是從一些大佬那裡獲得的，大家不妨多刷刷題，為金九銀十衝一波！

![](https://upload-images.jianshu.io/upload_images/22932333-221bae6a85e3e852?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![](https://upload-images.jianshu.io/upload_images/22932333-cf0688a809c24685?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

**最後，若需要完整pdf版，可以點贊本文後[點選這裡免費領取](https://gitee.com/vip204888/java-p7)**

學習技術一定要制定一個明確的學習路線

相關文章