Knowledge Sharing

知識分享

    現在是資源共享的時代，同樣也是知識分享的時代，如果你覺得本文能學到知識，請把知識與別人分享。

前言

現在很多公司寫後端程式碼和前端程式碼已經分工很明確了，前後端把介面定義好，然後各自寫各自的程式碼就可以了。那麼對於服務端的開發人員來說，寫好了程式碼後，對外提供了API，這時候沒有頁面可以呼叫除錯，如果等著客戶端寫完程式碼再測試的話，那樣工作的效率是及其低下的。那麼服務端要學會模擬客戶端的呼叫，來除錯自己的程式碼，提早發現問題，這樣後續跟客戶端進行聯調的時候，就大大提高了效率。

我們今天講講Postman模擬客戶端除錯工具，這是我平時工作中最常用的工具之一。

Postman是一款功能強大的網頁除錯與傳送網頁HTTP請求的Chrome外掛。它只要在Chrome裡安裝一個外掛即可完成強大的功能。

但是由於2018年初chrome停止對chrome應用程式的支援，你的postman可能無法正常使用了。目前chrome應用商店能使用的就是chrome擴充套件程式和主題背景。

不過Postman也提供了應用程式的下載。https://www.getpostman.com/apps

根據自己的作業系統，下載不同的版本即可。

官網需要翻牆才能下載，所以我提前下載下來，小夥伴們直接在公眾號回覆“postman”即可獲取下載地址。包括windows版本和mac版本。如果有需要linux版本的話，可以給我留言，我幫你下載。

Postman介紹

下面是在網上隨便抓了一個請求地址來做演示，把請求地址填入位址列，此請求為GET請求。點選Send傳送請求，請求結果將會在下方顯示出來。每次的請求歷史資料，會被記錄下來，但是經常使用的請求，還是儲存一下，這麼每次用的時候，選擇就行了，及其方便。

另外，最好建立一個賬號，這樣資料將會永久儲存下來，不至於重灌了系統或者換了臺電腦資料都沒了的尷尬。

儲存的時候起個好聽的名字

Header會傳輸一些我們需要的一些通用的資料，定義好之後，每個介面幾乎都是一樣的。所以，把這些資料進行預置，這樣就不用每新建一個請求，都要重複的新增Header了。

請求的時候，會把請求狀態，請求的時間，以及返回的資料大小返回回來。這樣一目瞭然。最常見的status就是200表示成功，400表示未找到資源。500開頭的基本都是服務端異常等等。我之前寫了一篇很詳細的狀態說明，請參見“

點選params可以把url裡的引數以列表的形式展現出來，方便編寫

還有一種更方便的編輯方式，點選Bulk Edit ，直接修改字串的方式修改，而且可以複製貼上，方便遷移到其它地方。而且這個功能在其它引數編輯的地方都適用。

我們來看看如何傳送POST介面

form-data、x-www-form-urlencoded、raw、binary的區別

x-www-form-urlencoded

當用戶通過form表單提交資料的時候，例如：

<formmethod="post"action="http://api.test.com/user" >

    <inputtype="text"name="name">

    <inputtype="text"name="age">

</form>

提交時會向伺服器端發出這樣的資料（已經去除部分不相關的頭資訊），資料如下：

POST /user HTTP/1.1

Content-Type:application/x-www-form-urlencoded

Accept-Encoding: gzip, deflate

Host: api.test.com

Content-Length: 21

Connection: Keep-Alive

Cache-Control: no-cache

name=互扯程式&age=18

它的Content-Type是application/x-www-form-urlencoded，這表示訊息內容會經過URL編碼

form-data

當需要上傳檔案（可以上傳多個檔案），並且有引數同時傳遞的時候，選擇這個選項可以上傳檔案。

舉個例子

<formmethod="post"action="http://api.test.com/user/upload.do"enctype=”multipart/form-data”>

    <inputtype="text"name="desc">

    <inputtype="file"name="pic">

</form>

瀏覽器將會發送以下資料：

POST /user/upload.do HTTP/1.1

Accept-Language: zh-cn,zh;q=0.5

Accept-Charset: GBK,utf-8;q=0.7,*;q=0.7

Connection: keep-alive

Content-Length: 60408

Content-Type:multipart/form-data; boundary=ZnGpDtePMx0KrHh_G0X99Yef9r8JZsRJSXC

Host: api.test.com

我們看到Content-Type:multipart/form-data;

當需要上傳資料的時候，必須設定enctype=“multipart/form-data”，

enctype：規定在傳送到伺服器之前應該如何對錶單資料進行編碼，他有如下的三個值：

1. application/x-www-form-urlencoded。預設的編碼方式。所有字元都會進行編碼（空格轉換為 "+" 加號，特殊符號轉換為 ASCII HEX 值）。

2. multipart/form-data 。 指定傳輸資料為二進位制型別，比如圖片、mp3、檔案。 不對字元編碼。在使用包含檔案上傳控制元件的表單時，必須使用該值。

3. text/plain。純文體的傳輸。空格轉換為 “+” 加號，但不對特殊字元編碼。

其實form表單在你不寫enctype屬性時，也預設為其添加了enctype屬性值，預設值是enctype="application/x- www-form-urlencoded"，所以上面註冊使用者的時候雖然沒寫，其實預設加上了。

raw

當需要給服務端傳遞json，xml等資料的時候選擇raw，當選擇了raw的時候，header裡會自動加上

Content-Type: application/json

例如：

$.ajax({

‍    url:"/user/",

    data:JSON.stringify(user),

    method:"POST",

    contentType:"application/json",

    success: function(res){

        console.info("新增成功")

    }‍

});

binary

只能上傳一個檔案，也不能新增引數。

壓力測試

當你需要驗證你的介面的抗壓能力的時候，可以點選Runner，進行壓力測試

注意：壓力測試只能以資料夾的方式執行多個介面，不能單獨執行，如果想要測試某一個介面，就創一個資料夾，這個資料夾裡只有一個要測試的介面。

點選執行，併發執行了500次。每次再100毫秒內返回結果。

由於篇幅問題，還有其他功能等下次再講解吧。