最近比較犯懶渊胸,好久沒寫博文了。今天趁著午休時間台妆,來介紹一個最近工作中常用的一個軟件吧翎猛。
最近工作中配合移動端APP開發(fā)的比較多,會涉及一些http請求的調(diào)試接剩,查看請求的信息和接口返回的具體數(shù)據(jù)切厘。所以近期和同事經(jīng)常會用到一個軟件-fiddler。這個軟件可以監(jiān)聽PC和手機上對于http和https的請求懊缺,請求的時間疫稿、狀態(tài)、發(fā)送信息桐汤、接收信息而克,作為后端開發(fā)人員來講,開發(fā)很方便怔毛。因為客戶端的請求邏輯都是寫在客戶端的员萍,我們也不好經(jīng)常去問他們。用好了這個軟件拣度,對于app的網(wǎng)絡(luò)請求一清二楚碎绎。咱們閑言少敘螃壤,接下來介紹fiddler+手機端的網(wǎng)絡(luò)請求監(jiān)聽。
為什么是fiddler筋帖?類似網(wǎng)絡(luò)請求監(jiān)聽的也有奸晴,比如谷歌和火狐瀏覽器自帶的調(diào)試工具,但是他們只能抓取自己瀏覽器的請求日麸,不能提供對于第三方的網(wǎng)絡(luò)監(jiān)聽寄啼。同時也使用過HTTP watch類似的軟件,感覺還是fiddler的界面更好一些代箭,同時軟件體積小墩划。
在pc端安裝fiddler和使用fiddler
下載好之后,點擊安裝嗡综,下一步下一步就是了乙帮。然后啟動軟件。你會看到如下類似的啟動界面极景。
圖1
版本不同可能會有差異
啟動軟件察净,網(wǎng)絡(luò)請求便會監(jiān)聽。
圖2
在上圖中盼樟,左半邊是當(dāng)前pc和監(jiān)聽設(shè)備的依次請求記錄氢卡,如當(dāng)前連接的相應(yīng)以及請求狀態(tài),http的主機域名和訪問地址恤批。針對不同的請求狀態(tài)异吻,如狀態(tài)碼為200、404喜庞、500诀浪,大致會用顏色區(qū)分。最左邊一欄針對不同的返回類型延都,也有相應(yīng)的圖標(biāo)對應(yīng)顯示雷猪。如下圖:
圖3
圖2右半邊可以針對一次請求,查看具體發(fā)送與請求返回值晰房。
右上半部分查看的是發(fā)送的發(fā)送內(nèi)容(request headers)
圖4-右上部分求摇,request headers內(nèi)容
圖5-response headers,右下部分
右下部分可以查看請求的具體響應(yīng)狀態(tài)殊者,如服務(wù)器類型与境、是否緩存、過期時間猖吴。
標(biāo)簽可以選擇查看摔刁,textview是文本預(yù)覽(返回的文本類型)、imageview是圖片預(yù)覽(返回的圖片類型)海蔽、json是已json格式查看(返回的json文本類型)等等共屈。
fiddler抓取手機的網(wǎng)絡(luò)請求
原理:手機和安裝fiddler的pc機在同一個局域網(wǎng)中绑谣,fiddler啟動后創(chuàng)建一個代理服務(wù)器。手機選用pc機作為代理網(wǎng)絡(luò)請求(http)服務(wù)器拗引,這樣就能監(jiān)聽到手機的網(wǎng)絡(luò)請求了借宵。
第一步:啟動fiddler,查看電腦ip地址矾削。
在pc端啟動fiddler壤玫,在命令行中查看當(dāng)前電腦的ip地址。
win鍵+R,輸入cmd哼凯。進入命令行模式垦细,輸入ipconfig。便可查看到ip地址信息挡逼。我們用IPv4的地址。
第二步:設(shè)置端口號腻豌,與連接允許家坎。
在fiddler頁面中,點擊tools->options,如下圖設(shè)置端口號和代理允許吝梅。
點擊保存
第三步:手機連接與fiddler運行的pc機的同一個網(wǎng)絡(luò)虱疏。
手機與pc機運行在同一個網(wǎng)絡(luò),按照第一個步驟獲取的ip地址苏携,加第二步設(shè)置的端口號做瞪。訪問如下:
證明訪問fiddler正常
點擊上圖中最后一行的鏈接,F(xiàn)iddlerRoot Certificate右冻,安裝證書装蓬。(以ios端為例)。
安裝完成后纱扭,設(shè)置手機網(wǎng)絡(luò)的服務(wù)器代理牍帚,還是以ios客戶端為例子。
點擊網(wǎng)絡(luò)詳情乳蛾,手動設(shè)置請求代理服務(wù)器暗赶。
保存設(shè)置,退出肃叶。
大功告成蹂随,我們可以常識訪問app,就能監(jiān)聽到所有app的請求了因惭。如果失敗岳锁,建議重啟fiddler。