簡介
Charles其實是一款代理服務(wù)器,通過成為電腦或者瀏覽器的代理,然后截取請求和請求結(jié)果達(dá)到分析抓包的目的。該軟件是用Java寫的,能夠在Windows,Mac,Linux上使用。開發(fā)iOS都在Mac系統(tǒng)上吧,安裝Charles的時候要先裝好Java環(huán)境。這么好的軟件不是免費的,官網(wǎng)要好幾十刀呢,我這里有一個Mac上的破解版,點擊這里下載,當(dāng)然不是最新版的。如果你想體驗最新版,Charles是提供試用的。
Charles主要功能
- 支持SSL代理。可以截取分析SSL的請求。
- 支持流量控制??梢阅M慢速網(wǎng)絡(luò)以及等待時間(latency)較長的請求。
- 支持AJAX調(diào)試??梢宰詣訉son或xml數(shù)據(jù)格式化,方便查看。
- 支持AMF調(diào)試。可以將Flash Remoting 或 Flex Remoting信息格式化,方便查看。
- 支持重發(fā)網(wǎng)絡(luò)請求,方便后端調(diào)試。
- 支持修改網(wǎng)絡(luò)請求參數(shù)。
- 支持網(wǎng)絡(luò)請求的截獲并動態(tài)修改。
- 檢查HTML,CSS和RSS內(nèi)容是否符合W3C標(biāo)準(zhǔn)。
開始抓包
先看一下Charles的廬山真面目吧!

接下來要把電腦設(shè)置為代理

這樣你會發(fā)現(xiàn),你通過瀏覽器請求的網(wǎng)址都會出現(xiàn)在這里,iOS模擬器的所有的網(wǎng)絡(luò)請求也會出現(xiàn)在這里。點擊某一個網(wǎng)址后,你會發(fā)現(xiàn)右邊會出現(xiàn)這個網(wǎng)址請求的大概信息,點擊具體的請求后會出現(xiàn)request和response等信息

如果你發(fā)現(xiàn)返回的是亂碼,首先看是在http請求還是https請求,如果是http請求,那么應(yīng)該就是返回來的中文亂碼,解決方案是找到該軟件顯示包內(nèi)容,Contents目錄下的info.plist,打開文件找到vmoption,添加-Dfile.encoding=UTF-8即可。

如果是https請求出現(xiàn)的亂碼,如下圖這種情況

這時候你就需要安裝Charles的CA證書了,首先到去 http://www.charlesproxy.com/ssl.zip 下載CA證書文件。雙擊crt文件,選擇總是信任就可以了,當(dāng)然如果要抓取iPhone設(shè)備上的HTTPS請求,需要在iPhone上也安裝一個證書,在手機(jī)瀏覽器輸入這個網(wǎng)址:http://charlesproxy.com/getssl ,點擊安裝即可。然后你就可以告別那煩人的亂碼,可以愉快地抓包了。如果這時候你還是抓不了的話,檢查一下Proxy-->SSL Proxying Settings是否設(shè)置OK,設(shè)置參考下圖:

抓取真機(jī)上的包
抓取真機(jī)上的數(shù)據(jù)非常的簡單,首先使手機(jī)和電腦在一個局域網(wǎng)內(nèi),不一定非要是一個ip段,只要是同一個路由器下就可以了。按照上面說的把證書安裝好,然后找到電腦的IP,你可以選擇在終端輸入ifconfig en0來獲取,也可以選擇打開網(wǎng)絡(luò)偏好設(shè)置來查看。


接下來打開Charles的代理設(shè)置:Proxy->Proxy Settings,設(shè)置一下端口號,默認(rèn)的是8888,這個只要不和其他程序的沖突即可,并且勾選Enable transparent HTTP proxying。

在手機(jī)上連接上和電腦在同一局域網(wǎng)的網(wǎng)絡(luò)上設(shè)置HTTP代理。端口號就是剛剛在Charles上設(shè)置的那個。

然后在手機(jī)上隨便打開一個網(wǎng)址,這是Charles會彈出一個框讓你確認(rèn)是否代理,點擊allow就可以了,然后你就會在Charles上發(fā)現(xiàn)手機(jī)上的請求了。

過濾
在 Charles 的菜單欄選擇 Proxy->Recording Settings,然后選擇 Include 欄,選擇Add,然后填入需要監(jiān)控的協(xié)議,主機(jī)地址,端口號,這樣就達(dá)到了過濾的目的。如下圖:

還有一種方法就是在一個網(wǎng)址上右擊,選擇Focus,然后其他的請求就會被放到一個叫Other Host的文件夾里面,這樣也達(dá)到了過濾的目的。

斷點
斷點的功能搞開發(fā)不會不知道,在Charles發(fā)起一個請求的時候,我們是可以給某個請求打一個斷點的,然后來觀察或者修改請求或者返回的內(nèi)容,但是在這過程中藥注意請求的超時時間問題。要針對某一個請求設(shè)置斷點,只需要在這個請求網(wǎng)址右擊選擇Breakpoints就可以斷點某一個請求了。

模擬網(wǎng)速慢
有時候在開發(fā)的時候我們想要模擬一下網(wǎng)絡(luò)慢的情況,這時候Charles他是可以幫助到你的,在Proxy->Throttle Setting,然后選擇Enable Throttling,在Throttle Preset下選擇網(wǎng)絡(luò)類型即可,具體設(shè)置你可以自行拿捏。

請求重定向
請求重定向的作用是什么呢?開發(fā)中一般都是測試環(huán)境,如果我們想對比一下和線上版本的區(qū)別的話,可以講測試的請求重定向到正式環(huán)境下。在選擇 Tools->`Map Remote下:

內(nèi)容替換
有時候我們會測一下請求的參數(shù)不同會帶來不同的返回結(jié)果以測試是否達(dá)到業(yè)務(wù)需求,或者需要不同的返回結(jié)果來驗證我們對數(shù)據(jù)的處理是否正確,這時候需要后臺的同事配合,但是有了Charles,我們可以自己把控接口返回來的內(nèi)容,比如數(shù)據(jù)的空與否,數(shù)據(jù)的長短等等。在Tools->Rewrite Settings下:

其他
Charles還有一下其他的妙用。慢慢的去發(fā)掘吧!
轉(zhuǎn)自:http://www.itdecent.cn/p/fdd7c681929c