測試工程師得力助手：如何使用Fiddler來定位APP問題？

博為峰網校發表於2021-06-24
工程師APP
我們發現了一個bug後，怎樣去確定這個bug是應該前臺來解決還是後臺來解決？當然我們測試網站的時候，可以透過瀏覽器的F12來檢視傳值，那麼如果測試的是APP，我們又該怎麼來抓取這個資料呢？這裡就需要用到一些抓包工具，來協助我們定位問題。加我VX：atstudy-js 回覆“測試”，進入軟體測試學習交流裙~~
這裡我們使用的工具就是fiddler
下面我們透過幾個案例來具體說明一下如何透過fiddler來定位是前臺的問題還是後臺的問題。
案例1：我們在使用手機APP的時候，修改一個聯絡人資訊，修改之後發現在資料庫裡的資訊電話和性別沒有修改成功，這個時候我們用fiddler來抓取資料包看看。
首先先將fiddler設定成只接收遠端客戶端的資料，如下圖，來避免獲取到一些無用的資料。
設定成功後，我們在手機上操作APP，編輯一個聯絡人資訊，我們可以看到fiddler裡獲取了好多請求，找到我們需要的請求，點選一下檢視該請求的詳細資訊，如下圖右下角，這個就是我們在前臺儲存聯絡人時往後臺傳輸的資料：
在這裡看的不是很清楚，我們將其複製到文字檔案裡進行檢視，如下圖：
這裡的id就是我們要修改的id，contact就是我們要修改的聯絡人的名字（這裡的內容可能做了處理），tel就是聯絡人的電話等等這些資訊。
透過這些內容我們發現：
1、前臺已經將修改的電話資訊傳給後臺了，但是資料庫裡的資訊並沒有修改，那麼我們就可以認為是後臺沒有將前臺傳過來的資料儲存，可以讓後臺開發人員修改這個問題。加我VX：atstudy-js 回覆“測試”，進入軟體測試學習交流裙~~
2、我們發現前臺傳過來的資料中並沒有性別的資訊，這個就有可能是前臺將資料漏傳了，需要找前臺開發人員修改。
案例2：我們在獲取聯絡人資訊的時候，發現並不是所有的聯絡人都顯示了，而只是顯示了一部分，下面我們也抓取一下獲取聯絡人資訊的資料包，獲取的資料如下，將頁面切換到json，我們可以看得更清楚一些，如下圖：
這裡分兩種情況：
1、抓取的資料包裡的資料是完整的。這種情況就是前臺在對後臺返回的資料進行渲染的時候出錯，先聯絡前臺人員修改。
2、抓取的資料包裡的資料就是不完整的。這種情況就是後臺查詢資料有問題，聯絡後臺人員解決。
案例3：我們上傳一個頭像，但是上傳完之後前臺沒有顯示出來
我們先來抓取一下上傳頭像的資料包，如下圖：
我們可以看到，圖片名字和圖片的地址都傳給後臺了，這說明前臺傳值是沒有問題的，接下來再抓取一下查詢客戶資訊的資料包，如下圖：
根據返回資料的資料包，我們再進行如下分析：
1、透過截圖中返回的資料，我們很容易就能看出來，這個URL地址是錯的，拼接了兩遍http，這種就說明是後臺拼接錯誤，這種的找後臺處理。
2、如果返回的圖片URL沒有明顯的錯誤，那麼將這個URL整個複製出來，複製到瀏覽器去看一下圖片能否正常檢視。如果瀏覽器裡能正常檢視，說明後臺返回的圖片地址沒有問題，是前臺顯示圖片時報錯，聯絡前臺修改問題；如果瀏覽器裡圖片也是無法檢視的，那麼就是後臺返回的圖片地址有問題，聯絡後臺處理。
3、如果後臺返回的資料裡，根本沒有URL的資訊，如下圖：
這種就是後臺直接沒有返回圖片的地址資訊，聯絡後臺修改。
抓包工具有很多，大家可以參考一下，也可以學一下其他工具的使用~

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/31407649/viewspace-2778199/，如需轉載，請註明出處，否則將追究法律責任。

相關文章