簡介
Charles其實(shí)是一款代理服務(wù)器，通過成為電腦或者瀏覽器的代理，然后截取請求和請求結(jié)果達(dá)到分析抓包的目的。該軟件是用Java寫的，能夠在Windows，Mac，Linux上使用。開發(fā)iOS都在Mac系統(tǒng)上吧，安裝Charles的時(shí)候要先裝好Java環(huán)境。這么好的軟件不是免費(fèi)的，官網(wǎng)要好幾十刀呢，我這里有一個(gè)Mac上的破解版，點(diǎn)擊這里下載，當(dāng)然不是最新版的。如果你想體驗(yàn)最新版，Charles是提供試用的。
Charles主要功能
支持SSL代理。可以截取分析SSL的請求。
支持流量控制。可以模擬慢速網(wǎng)絡(luò)以及等待時(shí)間（latency）較長的請求。
支持AJAX調(diào)試。可以自動將json或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)在這里。點(diǎn)擊某一個(gè)網(wǎng)址后，你會發(fā)現(xiàn)右邊會出現(xiàn)這個(gè)網(wǎng)址請求的大概信息，點(diǎn)擊具體的請求后會出現(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)的亂碼，如下圖這種情況
這時(shí)候你就需要安裝Charles的CA證書了，首先到去http://www.charlesproxy.com/ssl.zip下載CA證書文件。雙擊crt文件，選擇總是信任就可以了，當(dāng)然如果要抓取iPhone設(shè)備上的HTTPS請求，需要在iPhone上也安裝一個(gè)證書，在手機(jī)瀏覽器輸入這個(gè)網(wǎng)址：http://charlesproxy.com/getssl，點(diǎn)擊安裝即可。然后你就可以告別那煩人的亂碼，可以愉快地抓包了。
抓取真機(jī)上的包
抓取真機(jī)上的數(shù)據(jù)非常的簡單，首先使手機(jī)和電腦在一個(gè)局域網(wǎng)內(nèi)，不一定非要是一個(gè)ip段，只要是同一個(gè)路由器下就可以了。按照上面說的把證書安裝好，然后找到電腦的IP，你可以選擇在終端輸入ifconfig en0來獲取，也可以選擇打開網(wǎng)絡(luò)偏好設(shè)置來查看。
終端獲取IP
網(wǎng)絡(luò)偏好設(shè)置查看IP
接下來打開Charles的代理設(shè)置：Proxy->Proxy Settings，設(shè)置一下端口號，默認(rèn)的是8888，這個(gè)只要不和其他程序的沖突即可,并且勾選Enable transparent HTTP proxying。
端口號設(shè)置
在手機(jī)上連接上和電腦在同一局域網(wǎng)的網(wǎng)絡(luò)上設(shè)置HTTP代理。端口號就是剛剛在Charles上設(shè)置的那個(gè)。
然后在手機(jī)上隨便打開一個(gè)網(wǎng)址，這是Charles會彈出一個(gè)框讓你確認(rèn)是否代理，點(diǎn)擊allow就可以了，然后你就會在Charles上發(fā)現(xiàn)手機(jī)上的請求了。
過濾
在 Charles 的菜單欄選擇Proxy->Recording Settings，然后選擇Include欄，選擇Add，然后填入需要監(jiān)控的協(xié)議，主機(jī)地址，端口號,這樣就達(dá)到了過濾的目的。如下圖：
還有一種方法就是在一個(gè)網(wǎng)址上右擊，選擇Focus，然后其他的請求就會被放到一個(gè)叫Other Host的文件夾里面，這樣也達(dá)到了過濾的目的。
斷點(diǎn)
斷點(diǎn)的功能搞開發(fā)不會不知道，在Charles發(fā)起一個(gè)請求的時(shí)候，我們是可以給某個(gè)請求打一個(gè)斷點(diǎn)的，然后來觀察或者修改請求或者返回的內(nèi)容，但是在這過程中藥注意請求的超時(shí)時(shí)間問題。要針對某一個(gè)請求設(shè)置斷點(diǎn)，只需要在這個(gè)請求網(wǎng)址右擊選擇Breakpoints就可以斷點(diǎn)某一個(gè)請求了。
模擬網(wǎng)速慢
有時(shí)候在開發(fā)的時(shí)候我們想要模擬一下網(wǎng)絡(luò)慢的情況，這時(shí)候Charles他是可以幫助到你的，在Proxy->Throttle Setting，然后選擇Enable Throttling，在Throttle Preset下選擇網(wǎng)絡(luò)類型即可，具體設(shè)置你可以自行拿捏。
請求重定向
請求重定向的作用是什么呢？開發(fā)中一般都是測試環(huán)境，如果我們想對比一下和線上版本的區(qū)別的話，可以講測試的請求重定向到正式環(huán)境下。在選擇Tools->`Map Remote下：
內(nèi)容替換
有時(shí)候我們會測一下請求的參數(shù)不同會帶來不同的返回結(jié)果以測試是否達(dá)到業(yè)務(wù)需求，或者需要不同的返回結(jié)果來驗(yàn)證我們對數(shù)據(jù)的處理是否正確，這時(shí)候需要后臺的同事配合，但是有了Charles，我們可以自己把控接口返回來的內(nèi)容，比如數(shù)據(jù)的空與否，數(shù)據(jù)的長短等等。在Tools->Rewrite Settings下：
