一、Fiddler抓包

包的定義：數(shù)據(jù)在網(wǎng)絡(luò)上傳輸?shù)男问?/p>

包的形式：http/https、webservice、socket等協(xié)議

抓包目的：查看客戶端傳遞的信息、客戶端與服務(wù)器交互、服務(wù)器返回的結(jié)果

二、Fiddler使用

官網(wǎng)下載安裝：https://www.telerik.com/download/fiddler

fiddler只能抓http/https協(xié)議的包，默認(rèn)只能抓http協(xié)議包

如果要抓https協(xié)議包，需要如下配置：

Tools-Options-HTTPS-依次勾選全部

Actions里面-Trust Root Certificate-確定

點(diǎn)擊OK，重啟fiddler

三、抓包操作

停止/開始抓包 左下角Capturing按鈕

過濾進(jìn)程 左下角，第二個(gè)Capturing按鈕

清除抓包 Ctrl+X 清除全部

怎么抓到目的包（問題對(duì)應(yīng)的包）：

先停止抓包，并清除之前的記錄

把所有前置操作做完

開始抓包

操作bug觸發(fā)的步驟

完成后，停止抓包

你抓到的記錄基本就是和操作相關(guān)的

四、怎么看懂包

查看包的狀態(tài)：

400：參數(shù)錯(cuò)誤或者授權(quán)錯(cuò)誤

你傳的數(shù)據(jù)，服務(wù)器看不懂

404：Not Found

url地址寫錯(cuò)了

這個(gè)資源不在了，弄丟了

500：服務(wù)器報(bào)錯(cuò)了

502：Bad Gateway

你如果想到服務(wù)器去，先得通過網(wǎng)關(guān)

本質(zhì)還是后臺(tái)報(bào)錯(cuò)

雙擊左側(cè)的請(qǐng)求包，右側(cè)分兩部分，請(qǐng)求部分和響應(yīng)部分

看參數(shù)：

客戶端帶給服務(wù)器的信息

看響應(yīng)：

服務(wù)器返回給客戶端處理后的結(jié)果

五、抓包與BUG分析

BUG描述

網(wǎng)頁(yè)輸入密碼后點(diǎn)擊登錄沒有反應(yīng)：http://testingedu.com.cn:8081/inter/index.html

步驟一：

先抓到登錄的http接口包

步驟二：

看參數(shù)：用戶信息傳遞了沒有√ (如下圖)

看結(jié)果：后臺(tái)給出了結(jié)果沒有√ (如下圖)

六、結(jié)論

前端bug：

· 后臺(tái)服務(wù)異常，前端沒有給提示信息，比如服務(wù)器忙等（優(yōu)化級(jí)別）

· 因?yàn)檫@里，后臺(tái)雖然報(bào)錯(cuò)了，但是請(qǐng)求是有結(jié)果的，雖然結(jié)果是錯(cuò)誤的

后臺(tái)bug：

· 用戶名輸入will%，后臺(tái)返回500，附帶報(bào)錯(cuò)截圖

· 系統(tǒng)%解碼錯(cuò)誤，比如登錄用戶名或者密碼里面出現(xiàn)%都會(huì)報(bào)錯(cuò)，截圖

怎么判斷前后端bug：

· 如果參數(shù)有問題，那么前端有問題

· 如果結(jié)果有問題，那么后臺(tái)有問題

· 如果后臺(tái)給了結(jié)果，前端沒有給結(jié)果（前端有問題）