http://www.veryhuo.com/a/view/98081.html
Charles抓包
charles在項(xiàng)目中應(yīng)用的場景非常多,最基礎(chǔ)的抓取APP與后臺的交互數(shù)據(jù)和H5的靜態(tài)資源,該教程介紹charles遠(yuǎn)程抓取http、https數(shù)據(jù)包。
只介紹OSX下使用charles抓包。
一、下載
官網(wǎng)地址:http://www.charlesproxy.com/
二、http抓包
遠(yuǎn)程抓包需要移動端(APP)、PC(charles)端處在同一個(gè)WIFI網(wǎng)絡(luò)中。
啟動charles,設(shè)置代理監(jiān)聽端口,默認(rèn)值為8888。![監(jiān)聽端口]

移動端配置wifi代理ip、端口。查看pc端ip:設(shè)置->網(wǎng)絡(luò)
設(shè)置移動端代理:wifi設(shè)置->高級或點(diǎn)擊已連接的wifi->設(shè)置charles所在PC的ip、端口
抓包效果圖![]
三、https
https協(xié)議包會被加密,需要安裝證書,否則看不到內(nèi)容。
按下圖選擇路徑:![]


在移動端瀏覽器中訪問url:http://charlesproxy.com/getssl ,下載安裝證書。
配置需要抓取的https url,添加一條.表示捕獲解析所有https請求,如果不配置則不會解析https數(shù)據(jù)包的內(nèi)容。 菜單:proxy->ssl proxy setting
。

四、其他
1、配置過濾url抓取的數(shù)據(jù)包太多,不方便查看,菜單:proxy->recording setting
。標(biāo)簽頁include、exclude配置過濾規(guī)則。 下圖配置只抓取測試環(huán)境的數(shù)據(jù)包: ![]

2、限速用來模擬不同網(wǎng)絡(luò)環(huán)境,測試頁面加載速度。 菜單:proxy->throtte setting
。
3、請求斷點(diǎn)當(dāng)一些數(shù)據(jù)難以模擬需要篡改提交或后臺返回的數(shù)據(jù)時(shí),可斷點(diǎn)請求后編輯request、response的數(shù)據(jù)。 菜單:proxy->breakpoint setting
。 或右鍵請求記錄,選擇breakpoint。 配置請求斷點(diǎn):![]

當(dāng)捕獲到配置的請求后會自動打開編輯頁面,編輯請求:![]