本文介紹在瀏覽器中,獲取網頁中的某一個請求資訊,並將其匯入到Postman軟體,並進行API請求測試的方法。
Postman是一款流行的API開發和測試工具,它提供了一個使用者友好的介面,用於建立、測試、除錯和文件化API。本文就介紹一下這一工具的最基本用法——匯入網頁請求,並配置相關的Headers、Body等資訊,從而對請求加以測試的方法。
話不多說,我們直接開始操作。首先,為了可以從瀏覽器中獲取網頁請求的資訊,我們需要在瀏覽器訪問指定的網頁(我這裡用的是Chrome瀏覽器,因為Chrome支援以cURL格式將請求資訊匯出,相對更為方便一些,不過不用cURL格式也沒問題);隨後,按下F12
按鈕,開啟開發者模式,選擇“網路”選項,如下圖所示;隨後,我們需要再重新整理一下網頁。此時,我們就可以看到當前網頁中各項內容的名稱與資訊了。
如上圖所示,本文就以某一個網頁中,名稱為NSW
的這一項為例,來介紹後續的操作。接下來,我們在NSW
上右鍵,選擇“以cURL格式複製”選項,如下圖所示。如果大家的瀏覽器沒有這一選項,那麼可以直接複製請求的連結,但是需要後續手動將請求的其他資訊(比如Headers)配置好——所以說cURL格式的請求用起來比較方便,就是因為它除了連結自身,還可以附帶請求的其他資訊,不需要我們手動再一一配置了。
接下來,在Postman軟體中,選擇“Import”選項,如下圖所示。
隨後,將我們剛剛複製好的cURL或者普通的URL貼上到這裡;如下圖所示。
隨後,就會看到如下圖所示的介面。此時,如果大家前面“Import”時,複製的是cURL格式的請求,那麼只要這個請求沒有其他的問題,且在下圖左側位置調整好我們請求的型別(比如GET
請求、POST
請求等)之後,點選下圖右側紫色框內的“Send”選項,就可以發出請求了。如果大家用的是URL格式的請求,那麼還需要手動配置一下請求的Headers、Body等資訊(如果這些資訊是必要的話);具體的配置方法大家繼續看後文即可。
在我這裡,雖然“Import”時,複製的是cURL格式的請求,但由於我這個請求有些問題,所以發出請求後,在“Response”還暫時看不到任何資訊。
我這裡需要再額外手動新增一項Headers才可以;如下圖所示。當然,這裡大家就結合自己請求的需要來修改就好。
配置Headers時,我們既可以用如上圖所示的方式,來調整每一項Headers的鍵值對,也可以用下圖中“Bulk Edit”方法,批次配置多條Headers。
如下圖所示,我們可以直接複製多條Headers的資訊,從而批次配置。需要注意,批次配置時,一行是一個Headers,每一個Headers的鍵、值用英文冒號:
分開,同時可以用//
註釋掉不需要的Headers。
配置完畢對應的資訊後,我們可以再“Send”一下我們的請求;如果在“Response”中看到如下圖所示的資訊,就說明我們的請求無誤,且正常返回了內容;從下圖右上角可以看出,請求返回的HTTP狀態碼為200
,沒有問題。
至此,大功告成。