前端接口調(diào)試工具Postman教程大全

<meta charset="utf-8">

推薦一款接口測試工具!POSTMAN! 簡單來說,四個詞,簡單實(shí)用大方美觀!

Postman是一款功能強(qiáng)大的網(wǎng)頁調(diào)試與發(fā)送網(wǎng)頁HTTP請求的Chrome插件

Postman背景介紹

用戶在開發(fā)或者調(diào)試網(wǎng)絡(luò)程序或者是網(wǎng)頁B/S模式的程序的時候是需要一些方法來跟蹤網(wǎng)頁請求的,用戶可以使用一些網(wǎng)絡(luò)的監(jiān)視工具比如著名的Firebug等網(wǎng)頁調(diào)試工具。今天給大家介紹的這款網(wǎng)頁調(diào)試工具不僅可以調(diào)試簡單的css、html、腳本等簡單的網(wǎng)頁基本信息,它還可以發(fā)送幾乎所有類型的HTTP請求!Postman在發(fā)送網(wǎng)絡(luò)HTTP請求方面可以說是Chrome插件類產(chǎn)品中的代表產(chǎn)品之一。

Postman的操作環(huán)境

postman適用于不同的操作系統(tǒng),Postman Mac、Windows X32、Windows X64、Linux系統(tǒng),還支持postman 瀏覽器擴(kuò)展程序、postman chrome應(yīng)用程序等。

Postman重要提示:

由于2018年初chrome停止對chrome應(yīng)用程序的支持,你的postman插件可能無法正常使用了。目前chrome應(yīng)用商店能使用的就是chrome擴(kuò)展程序和主題背景。

在這里建議大家直接下載它的應(yīng)用程序進(jìn)行使用

貼上官網(wǎng)下載地址:Postman | Download Postman App

記得選擇下載的版本

image

下載完成后雙擊安裝吧,安裝過程極其簡單,無需任何操作

image
image
image

成功進(jìn)入postman頁面后,接下來我們正式進(jìn)行postman的系統(tǒng)教程吧


設(shè)置postman主題

右上角的設(shè)置里可以設(shè)置postman的主題

image

這里,出于個人習(xí)慣,我把它設(shè)置成了黑色

image

postman基礎(chǔ)功能介紹

首先,看一下它的基礎(chǔ)功能:

image

collection在postman里面相當(dāng)于一個文件夾,可以把同一個項目的請求放在一個Collection里方便管理和分享,Collection里面也可以再建文件夾。這里我們做一個普通接口的簡單的示例:

image
image
image
image
image
image

該請求是聚合數(shù)據(jù)提供的一個查詢天氣的接口,大概還有幾百次的次數(shù)可以用:

http://v.juhe.cn/weather/index?format=2&cityname=南京&key=64aa04d276d1ed4fd5a147d97e16b87e

點(diǎn)擊send,查詢成功

image

這樣就完成了一次簡單的天氣查詢接口的請求


請求區(qū)域介紹

image

**1 ** Authorization:身份驗證,主要用來填寫用戶名密碼,以及一些驗簽字段,postman有一個helpers可以幫助我們簡化一些重復(fù)和復(fù)雜的任務(wù)。當(dāng)前的一套helpers可以幫助你解決一些authentication protocols的問題。;

2 Headers:請求的頭部信息

3 Body:post請求時必須要帶的參數(shù),里面放一些key-value鍵值對

4 Pre-requerst Script:可以讓你在 請求之前自定義請求數(shù)據(jù),這個運(yùn)行在請求之前,語法使用JavaScript語句。

5 tests:tests標(biāo)簽功能比較強(qiáng)大,通常用來寫測試,它是運(yùn)行在請求之后。支持JavaScript語法。postman每次執(zhí)行request的時候,會執(zhí)行tests。測試結(jié)果會在tests的tab上面顯示一個通過的數(shù)量以及對錯情況。這個后面會進(jìn)行詳解,它也可以用來設(shè)計用例,比如要測試返回結(jié)果是否含有某一字符串

6 form-data:,它將表單數(shù)據(jù)處理為一條消息,以標(biāo)簽為單元,用分隔符分開。既可以單獨(dú)上傳鍵值對,也可以直接上傳文件(當(dāng)上傳字段是文件時,會有Content-Type來說明文件類型,但該文件不會作為歷史保存,只能在每次需要發(fā)送請求的時候,重新添加文件。);post請求里較常用的一種

image

7 x-www-form-urlencoded:對應(yīng)信息頭-application/x-www-from-urlencoded,會將表單內(nèi)的數(shù)據(jù)轉(zhuǎn)換為鍵值對;

8 raw:可以上傳任意類型的文本,比如text、json、xml等,所有填寫的text都會隨著請求發(fā)送;

9 binary:對應(yīng)信息頭-Content-Type:application/octet-stream,只能上傳二進(jìn)制文件,且沒有鍵值對,一次只能上傳一個文件, 也不能保存歷史,每次選擇文件,提交;


導(dǎo)出和導(dǎo)入接口集:

postman支持非常方便的導(dǎo)入和導(dǎo)出接口集,繼續(xù)操作如下:

導(dǎo)出

image
image
image

導(dǎo)入:

image
image
image

ok,這樣就是簡單的導(dǎo)入導(dǎo)出collection集合


關(guān)于設(shè)置環(huán)境變量:

1. Global---全局

2. Enviroment --- 環(huán)境變量

3. Local --- 局部

4. Data ---- 數(shù)據(jù)

優(yōu)先級從高到底 Data ---- > Local ---- > Enviroment ---- > Global

postman支持很方便的設(shè)置環(huán)境變量以及全局變量,并可以一鍵切換不同環(huán)境

image

1:可以一鍵切換環(huán)境,選擇No Environment則不使用環(huán)境變量,僅適用全局變量

2:可以查看當(dāng)前環(huán)境中的變量和全局變量(Globals)的值

image

3.進(jìn)入設(shè)置頁面

image

如新建一套環(huán)境dome

image

選擇我們剛才創(chuàng)建的環(huán)境,點(diǎn)擊眼睛可以看到我們設(shè)置的變量值

image

創(chuàng)建環(huán)境變量能夠很方便的調(diào)取我們所需的數(shù)據(jù)


將返回值的某個數(shù)據(jù)設(shè)置為環(huán)境變量

在某些時候,我們需要獲取到一個變量,并保存下來,因為在后面我們會使用到。比如token,sign等信息

這時候就需要用到tests區(qū)域了,使用其強(qiáng)大的js語法

下面是一個簡單的將返回值的某個數(shù)據(jù)設(shè)置為環(huán)境變量或者全局變量的介紹:

定義一個xxx,獲取body中返回的所有參數(shù),并轉(zhuǎn)化為JSON格式 var xxx = JSON.parse(responseBody);

//把json字符串轉(zhuǎn)化為對象。parse()會進(jìn)行json格式的檢查是一個安全的函數(shù), 如:檢查json中某個數(shù)組元素的個數(shù)(這里檢測programs的長度)

var data = JSON.parse(responseBody);tests["program's lenght"] = data.programs.length === 5;

將返回中的值設(shè)置為一個環(huán)境變量 pm.environment.set("key",xxx.data.value);或者postman.setEnvironmentVariable("key", "value");

將返回中的值設(shè)置為一個全局變量, pm.globals.set("key",xxx.data.value);或者postman.setGlobalVariable("key", "value");

//注意:Global后面不能加S,value值一定要指定到某個具體節(jié)點(diǎn)

實(shí)際操作一下:

一個微信登錄的接口token值獲取

image

這是一個微信登錄的接口,屬于post方法,里面的必須參數(shù)是unionid,這里我已經(jīng)把unionid填在body里了,點(diǎn)擊send下面可以得到一個token

該登錄token每次請求的值都是不一樣的,屬于一個動態(tài)值。而后面我們的所有接口請求都需要這個token,現(xiàn)在就可以使用tests將它放置在環(huán)境變量里

image

var acquiretoken = JSON.parse(responseBody);

//定義一個acquiretoken方法(獲取token),把responseBody轉(zhuǎn)為json字符串

pm.environment.set("token",acquiretoken.data.token);

//將token變量放置到當(dāng)前環(huán)境變量里去

再次執(zhí)行send后,點(diǎn)擊右上角小眼睛

image

發(fā)現(xiàn)變量就儲存在了dome的環(huán)境變量里,每次點(diǎn)擊send進(jìn)行請求,發(fā)現(xiàn)環(huán)境變量里token都會隨著結(jié)果變化而變化。

同理,全局變量統(tǒng)一可以這樣設(shè)置

在設(shè)置過變量后,調(diào)用變量的時候,在postman里也比較方便,直接使用{{變量名}}就可以了,

加入我們在body里需要一個token值,那么我們可以直接在引用在環(huán)境變量里儲存的token,例如:

image
image

上面的效果和下面這種把一點(diǎn)點(diǎn)輸入的的效果是一樣的!

image

其他的常用tests方法:

在postman里,內(nèi)置了一些常用的方法:

image

可以很方便的調(diào)用

下面我也整理了一些常用的tests方法,分享給大家

測試response Headers中的某個元素是否存在 tests["元素Content-Type是否存在"] = postman.getResponseHeader("Content-Type");

//getResponseHeader()方法會返回header的值;

定義一個xxx,獲取headers值 var.xxx = postman.getResponseHeader("key");

將Headers中的值設(shè)置為一個環(huán)境變量 postman.setEnvironmentVariable("key",xxx);或者pm.environment.set("key",xxx);

檢查response的code值是否為200 tests["Status code is 200"] = responseCode.code === 200;

// tests["Status code is 200"]中的tests是一個內(nèi)置對象,

tests["Status code is 200"]是指為這個斷言起個名稱叫”Status code is 200”,這個名稱可以自行修改。

responseCode.code === 200中的responseCode是內(nèi)置對象,responseCode對象中有個屬性是code,是指HTTP狀態(tài)碼的code,判斷code是否為200.

綜合起來,這句代碼的意思是:名稱為”Status code is 200”的斷言中,判斷responseCode對象的code屬性值(HTTP狀態(tài)碼)是否為200。

檢查response的body中是否包含字符串 tests["Body matches string"] = responseBody.has("type");

// tests["Body matches string"]中的tests是一個內(nèi)置對象,

tests["Body matches string"]是指為這個斷言起個名稱叫”Body matches string”,這個名稱可以自行修改。

這句代碼的意思是:名稱為”Body matches string”的斷言中判斷響應(yīng)正文中是否包含:type這個字段。type無論是key或者value,只要匹配就可以。多個類型可用“,”分割。

檢查Response Body是否等于字符串 tests["測試點(diǎn)"] = responseBody === "Response Body返回的內(nèi)容";

//這個可以用在接口返回內(nèi)容為純字符串時,直接檢查整個返回結(jié)果的正確性

檢查Response time 是否小于200ms tests["Response time 小于200毫秒"] = responseTime < 200;

檢查Response time 是否大于200ms tests["Response time 大于200毫秒"] = responseTime > 200;

postman.setNextRequest('Request 4')

// postman.setNextRequest()是一個帶有一個參數(shù)的函數(shù),它是接下來要運(yùn)行的請求的名稱或ID。往往用來跳轉(zhuǎn)至某個接口,只在運(yùn)行該集合時有用,單獨(dú)運(yùn)行無效

var jsonObject = xml2Json(responseBody);

//轉(zhuǎn)換XML body為JSON對象

設(shè)置一個隨機(jī)數(shù)變量 pm.globals.set("type",parseInt(4*Math.random())+1);

//針對不同類型的課程類型,設(shè)置一個1到4的隨機(jī)整數(shù),字段名是type,parselnt 是強(qiáng)制轉(zhuǎn)換為整數(shù)

校驗接口返回是否有數(shù)據(jù) tests["獲取第一個結(jié)果"] = xxx.content.jieguo[0];

//我的程序設(shè)置的是如果當(dāng)前沒有數(shù)據(jù),則只返回content[],所以這句斷言可以校驗,如果content里還有數(shù)據(jù),則視為返回不為空


使用postman進(jìn)行接口自動化測試

沒錯,使用postman也可以進(jìn)行接口自動化的,是不是很神奇

首先,既然是自動化測試,那么我們肯定需要工具 (Postman) 或者代碼能幫我們直接判斷結(jié)果是否符合預(yù)期。那么在接口測試上,大體就兩個思路:

判斷請求返回的 code 是否符合預(yù)期

判斷請求返回的內(nèi)容中是否包含預(yù)期的內(nèi)容(關(guān)鍵字)

接下來我們看看如何利用 Postman 來解決上述的問題


這是三個模擬天氣的接口集合,點(diǎn)擊擴(kuò)展按鈕,找到RUN,進(jìn)入

image
image

這里我們先簡單運(yùn)行一次:

image

發(fā)現(xiàn),運(yùn)行成功。里面我每個接口都寫了兩個tests進(jìn)行校驗字段,所以上面一共有6條tests測試點(diǎn)被測試到,并且是成功的

每個接口里的tests數(shù)據(jù)如下:

image

當(dāng)然,如果想要每次運(yùn)行不一樣的數(shù)據(jù),我們需要其他的方法,比如,使用pre-requestScprit功能,導(dǎo)入或者生成隨機(jī)數(shù)據(jù)進(jìn)行測試,這個后續(xù)我再進(jìn)行講解

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容