Charles是在 Mac 下常用的網(wǎng)絡(luò)封包截取工具播急，在做 移動(dòng)開發(fā)時(shí)茉兰，我們?yōu)榱苏{(diào)試與服務(wù)器端的網(wǎng)絡(luò)通訊協(xié)議，常常需要截取網(wǎng)絡(luò)封包來分析脆淹。
Charles 通過將自己設(shè)置成系統(tǒng)的網(wǎng)絡(luò)訪問代理服務(wù)器，使得所有的網(wǎng)絡(luò)訪問請(qǐng)求都通過它來完成沽一，從而實(shí)現(xiàn)了網(wǎng)絡(luò)封包的截取和分析盖溺。
除了在做移動(dòng)開發(fā)中調(diào)試端口外，Charles 也可以用于分析第三方應(yīng)用的通訊協(xié)議铣缠。配合 Charles 的 SSL 功能烘嘱，Charles 還可以分析 Https 協(xié)議。
Charles 是收費(fèi)軟件蝗蛙，可以免費(fèi)試用 30 天蝇庭。試用期過后，未付費(fèi)的用戶仍然可以繼續(xù)使用捡硅，但是每次使用時(shí)間不能超過 30 分鐘哮内，并且啟動(dòng)時(shí)將會(huì)有 10 秒種的延時(shí)。因此，該付費(fèi)方案對(duì)廣大用戶還是相當(dāng)友好的北发，即使你長期不付費(fèi)纹因，也能使用完整的軟件功能。只是當(dāng)你需要長時(shí)間進(jìn)行封包調(diào)試時(shí)琳拨，會(huì)因?yàn)?Charles 強(qiáng)制關(guān)閉而遇到影響瞭恰。
Charles 主要的功能包括：
- 截取 Http 和 Https 網(wǎng)絡(luò)封包。
- 支持重發(fā)網(wǎng)絡(luò)請(qǐng)求狱庇，方便后端調(diào)試惊畏。
- 支持修改網(wǎng)絡(luò)請(qǐng)求參數(shù)。
- 支持網(wǎng)絡(luò)請(qǐng)求的截獲并動(dòng)態(tài)修改密任。
- 支持模擬慢速網(wǎng)絡(luò)颜启。
安裝Charles
1.官網(wǎng)下載（http://www.charlesproxy.com) , 然后安裝即可。
2.下載破解版軟件批什，點(diǎn)擊這里农曲。
將Charles設(shè)置成系統(tǒng)代理
使用Charles的第一步就是要將其設(shè)置成系統(tǒng)的代理服務(wù)器。啟動(dòng)Charles驻债，如下圖：
第一次Charles會(huì)請(qǐng)求你給它設(shè)置系統(tǒng)代理的權(quán)限，你可以輸入登錄密碼授予Charles該權(quán)限形葬，也可以選擇忽略合呐，然后在需要將Charles設(shè)置成系統(tǒng)代理時(shí)，選擇菜單中的“Proxy”-->“Mac OS X Proxy”來將Charles設(shè)置成系統(tǒng)代理笙以，如下圖：
此后淌实，就可以看見源源不絕的網(wǎng)絡(luò)請(qǐng)求出現(xiàn)在Charles的界面中。
需要注意的是猖腕，Chrome 和 Firefox 瀏覽器默認(rèn)并不使用系統(tǒng)的代理服務(wù)器設(shè)置拆祈，而 Charles 是通過將自己設(shè)置成代理服務(wù)器來完成封包截取的，所以在默認(rèn)情況下無法截取 Chrome 和 Firefox 瀏覽器的網(wǎng)絡(luò)通訊內(nèi)容譬正。如果你需要截取的話帚湘，在 Chrome 中設(shè)置成使用系統(tǒng)的代理服務(wù)器設(shè)置即可孩哑，或者直接將代理服務(wù)器設(shè)置成 127.0.0.1:8888也可達(dá)到相同效果。
Charles主界面
圖中淤年，structure和sequence是兩種視圖模式，structure視圖將網(wǎng)絡(luò)請(qǐng)求按訪問的域名分類蜡豹，sequence視圖將網(wǎng)絡(luò)請(qǐng)求按訪問的時(shí)間排序麸粮，F(xiàn)ilter處可以設(shè)置過濾關(guān)鍵詞，Request顯示請(qǐng)求內(nèi)容镜廉，Response顯示響應(yīng)內(nèi)容弄诲。
過濾網(wǎng)絡(luò)請(qǐng)求
方法多種，以下列舉幾種常用的：
方法一：在主界面的中部的 Filter 欄中填入需要過濾出來的關(guān)鍵字娇唯。例如我們的服務(wù)器的地址是：http://www.baidu.com, 那么只需要在 Filter 欄中填入 baidu 即可齐遵。
方法二：在 Charles 的菜單欄選擇 “Proxy”–>“Recording Settings”寂玲，然后選擇 Include 欄，選擇添加一個(gè)項(xiàng)目洛搀，然后填入需要監(jiān)控的協(xié)議敢茁，主機(jī)地址，端口號(hào)留美。這樣就可以只截取目標(biāo)網(wǎng)站的封包了彰檬。如下圖：
通常情況下，我們使用方法一做一些臨時(shí)性的封包過濾谎砾，使用方法二做一些經(jīng)常性的封包過濾逢倍。
方法三：在想過濾的網(wǎng)絡(luò)請(qǐng)求上右擊，選擇 “Focus”景图，之后在 Filter 一欄勾選上 Focussed 一項(xiàng)较雕，如下圖：
這種方式可以臨時(shí)性的，快速地過濾出一些沒有通過關(guān)鍵字的一類網(wǎng)絡(luò)請(qǐng)求挚币。
截取移動(dòng)設(shè)備上的網(wǎng)絡(luò)封包
下面我們以iPhone為例亮蒋，講解步驟。
Charles上的設(shè)置
要截取 iPhone 上的網(wǎng)絡(luò)請(qǐng)求妆毕，我們首先需要將 Charles 的代理功能打開慎玖。在 Charles 的菜單欄上選擇 “Proxy”–>“Proxy Settings”，填入代理端口 8888笛粘，并且勾上 “Enable transparent HTTP proxying” 就完成了在 Charles 上的設(shè)置趁怔。如下圖:
iPhone上的設(shè)置
首先我們需要獲取 Charles 運(yùn)行所在電腦的 IP 地址，Charles 的頂部菜單的 “Help”–>“Local IP Address”薪前，即可在彈出的對(duì)話框中看到 IP 地址润努，如下圖：
在 iPhone 的 “ 設(shè)置 ”–>“ 無線局域網(wǎng) ” 中，可以看到當(dāng)前連接的 wifi 名示括，通過點(diǎn)擊右邊的詳情鍵铺浇，可以看到當(dāng)前連接上的 wifi 的詳細(xì)信息，包括 IP 地址例诀，子網(wǎng)掩碼等信息随抠。在其最底部有“HTTP 代理”一項(xiàng)，我們將其切換成手動(dòng)繁涂，然后填上 Charles 運(yùn)行所在的電腦的 IP拱她，以及端口號(hào) 8888，如下圖：
設(shè)置好之后扔罪，我們打開 iPhone 上的任意需要網(wǎng)絡(luò)通訊的程序秉沼，就可以看到 Charles 彈出 iPhone 請(qǐng)求連接的確認(rèn)菜單，點(diǎn)擊 “Allow” 即可完成設(shè)置。
截取HTTPS通訊信息
安裝證書
如果你需要截取分析 Https 協(xié)議相關(guān)的內(nèi)容唬复。那么需要安裝 Charles 的 CA 證書矗积。具體步驟如下。
首先我們需要在 Mac 電腦上安裝證書敞咧。點(diǎn)擊 Charles 的頂部菜單棘捣，選擇 “Help” –> “SSL Proxying” –> “Install Charles Root Certificate”，然后輸入系統(tǒng)的帳號(hào)密碼休建，即可在 KeyChain 看到添加好的證書乍恐。如下圖：
需要注意的是，即使是安裝完證書之后测砂，Charles 默認(rèn)也并不截取 Https 網(wǎng)絡(luò)通訊的信息茵烈，如果你想對(duì)截取某個(gè)網(wǎng)站上的所有 HTTPS 網(wǎng)絡(luò)請(qǐng)求，可以在該請(qǐng)求上右擊砌些，選擇 SSL proxy呜投，如下圖：
這樣，對(duì)于該 Host 的所有 SSL 請(qǐng)求可以被截取到了存璃。
截取移動(dòng)設(shè)備中的HTTPS通訊信息
如果我們需要在 iOS 或 Android 機(jī)器上截取 Https 協(xié)議的通訊內(nèi)容仑荐，還需要在手機(jī)上安裝相應(yīng)的證書。點(diǎn)擊 Charles 的頂部菜單纵东，選擇 “Help” –> “SSL Proxying” –> “Install Charles Root Certificate on a Mobile Device or Remote Browser”释漆，然后就可以看到 Charles 彈出的簡單的安裝教程。
按照我們之前說的教程篮迎，在設(shè)備上設(shè)置好 Charles 為代理后，在手機(jī)瀏覽器中訪問地址：http://charlesproxy.com/getssl 示姿，即可打開證書安裝的界面甜橱，安裝完證書后，就可以截取手機(jī)上的 Https 通訊內(nèi)容了栈戳。不過同樣需要注意岂傲，默認(rèn)情況下 Charles 并不做截取，你還需要在要截取的網(wǎng)絡(luò)請(qǐng)求上右擊子檀，選擇 SSL proxy 菜單項(xiàng)镊掖。
模擬慢速網(wǎng)絡(luò)
在做移動(dòng)開發(fā)的時(shí)候，我們常常需要模擬慢速網(wǎng)絡(luò)或者高延遲的網(wǎng)絡(luò)褂痰，以測(cè)試在移動(dòng)網(wǎng)絡(luò)下亩进，應(yīng)用的表現(xiàn)是否正常。Charles 對(duì)此需求提供了很好的支持缩歪。
在 Charles 的菜單上归薛，選擇 “Proxy”–>“Throttle Setting” 項(xiàng)，在之后彈出的對(duì)話框中，我們可以勾選上 “Enable Throttling”主籍，并且可以設(shè)置 Throttle Preset 的類型习贫。如下圖：
如果我們只想模擬指定網(wǎng)站的慢速網(wǎng)絡(luò)，可以再勾選上圖中的 “Only for selected hosts” 項(xiàng)千元，然后在對(duì)話框的下半部分設(shè)置中增加指定的 hosts 項(xiàng)即可苫昌。
修改網(wǎng)絡(luò)請(qǐng)求內(nèi)容
有些時(shí)候?yàn)榱苏{(diào)試服務(wù)器的接口，我們需要反復(fù)嘗試不同參數(shù)的網(wǎng)絡(luò)請(qǐng)求幸海。Charles 可以方便地提供網(wǎng)絡(luò)請(qǐng)求的修改和重發(fā)功能祟身。只需要在以往的網(wǎng)絡(luò)請(qǐng)求上點(diǎn)擊右鍵，選擇 “Edit”涕烧，即可創(chuàng)建一個(gè)可編輯的網(wǎng)絡(luò)請(qǐng)求月而。如下圖：
我們可以修改該請(qǐng)求的任何信息，包括 URL 地址议纯、端口父款、參數(shù)等，之后點(diǎn)擊 “Execute” 即可發(fā)送該修改后的網(wǎng)絡(luò)請(qǐng)求（如下圖）瞻凤。Charles 支持我們多次修改和發(fā)送該請(qǐng)求憨攒，這對(duì)于我們和服務(wù)器端調(diào)試接口非常方便，如下圖：
給服務(wù)器做壓力測(cè)試
我們可以使用 Charles 的 Repeat 功能來簡單地測(cè)試服務(wù)器的并發(fā)處理能力阀参，方法如下肝集。
我們?cè)谙氪驂旱木W(wǎng)絡(luò)請(qǐng)求上（POST 或 GET 請(qǐng)求均可）右擊，然后選擇“Repeat Advanced”菜單項(xiàng)蛛壳，如下圖：
接著我們就可以在彈出的對(duì)話框中杏瞻，選擇打壓的并發(fā)線程數(shù)以及打壓次數(shù)，確定之后衙荐，即可開始打壓捞挥。
弱弱的說一句，一些寫得很弱的投票網(wǎng)站忧吟，也可以用這個(gè)辦法來快速投票砌函。當(dāng)然，我也拿 Charles 的 Repeat 功能給一些詐騙的釣魚網(wǎng)站喂了不少垃圾數(shù)據(jù)溜族，上次不小心還把一個(gè)釣魚網(wǎng)站的數(shù)據(jù)庫打掛了讹俊，嗯，請(qǐng)叫我雷鋒煌抒。
修改服務(wù)器返回內(nèi)容
有些時(shí)候我們想讓服務(wù)器返回一些指定的內(nèi)容仍劈，方便我們調(diào)試一些特殊情況。例如列表頁面為空的情況摧玫，數(shù)據(jù)異常的情況耳奕，部分耗時(shí)的網(wǎng)絡(luò)請(qǐng)求超時(shí)的情況等绑青。如果沒有 Charles，要服務(wù)器配合構(gòu)造相應(yīng)的數(shù)據(jù)顯得會(huì)比較麻煩屋群。這個(gè)時(shí)候闸婴，使用 Charles 相關(guān)的功能就可以滿足我們的需求。
根據(jù)具體的需求芍躏，Charles 提供了 Map 功能邪乍、 Rewrite 功能以及 Breakpoints 功能，都可以達(dá)到修改服務(wù)器返回內(nèi)容的目的对竣。這三者在功能上的差異是：
- Map 功能適合長期地將某一些請(qǐng)求重定向到另一個(gè)網(wǎng)絡(luò)地址或本地文件庇楞。
- Rewrite 功能適合對(duì)網(wǎng)絡(luò)請(qǐng)求進(jìn)行一些正則替換。
- Breakpoints 功能適合做一些臨時(shí)性的修改否纬。
Map 功能
Charles 的 Map 功能分 Map Remote 和 Map Local 兩種吕晌，顧名思義，Map Remote 是將指定的網(wǎng)絡(luò)請(qǐng)求重定向到另一個(gè)網(wǎng)址請(qǐng)求地址临燃，Map Local 是將指定的網(wǎng)絡(luò)請(qǐng)求重定向到本地文件睛驳。
在 Charles 的菜單中，選擇 “Tools”–>“Map Remote” 或 “Map Local” 即可進(jìn)入到相應(yīng)功能的設(shè)置頁面膜廊。
對(duì)于 Map Remote 功能乏沸，我們需要分別填寫網(wǎng)絡(luò)重定向的源地址和目的地址，對(duì)于不需要限制的條件爪瓜，可以留空蹬跃。下圖是一個(gè)示例，我將www.sohu.com的請(qǐng)求重定向到了 www.baidu.com
铆铆。
對(duì)于 Map Local 功能蝶缀，我們需要填寫的重定向的源地址和本地的目標(biāo)文件。對(duì)于有一些復(fù)雜的網(wǎng)絡(luò)請(qǐng)求結(jié)果薄货，我們可以先使用 Charles 提供的 “Save Response…” 功能扼劈，將請(qǐng)求結(jié)果保存到本地（如下圖），然后稍加修改菲驴，成為我們的目標(biāo)映射文件。
Rewrite 功能
Rewrite 功能功能適合對(duì)某一類網(wǎng)絡(luò)請(qǐng)求進(jìn)行一些正則替換骑冗，以達(dá)到修改結(jié)果的目的赊瞬。
Breakpoints 功能
上面提供的 Rewrite 功能最適合做批量和長期的替換，但是很多時(shí)候贼涩，我們只是想臨時(shí)修改一次網(wǎng)絡(luò)請(qǐng)求結(jié)果巧涧，這個(gè)時(shí)候，使用 Rewrite 功能雖然也可以達(dá)到目的遥倦，但是過于麻煩谤绳，對(duì)于臨時(shí)性的修改占锯，我們最好使用 Breakpoints 功能。
Breakpoints 功能類似我們?cè)?Xcode 中設(shè)置的斷點(diǎn)一樣缩筛，當(dāng)指定的網(wǎng)絡(luò)請(qǐng)求發(fā)生時(shí)消略，Charles 會(huì)截獲該請(qǐng)求，這個(gè)時(shí)候瞎抛，我們可以在 Charles 中臨時(shí)修改網(wǎng)絡(luò)請(qǐng)求的返回內(nèi)容艺演。
總結(jié)
通過 Charles 軟件，我們可以很方便地在日常開發(fā)中桐臊，截取和調(diào)試網(wǎng)絡(luò)請(qǐng)求內(nèi)容胎撤，分析封包協(xié)議以及模擬慢速網(wǎng)絡(luò)。Charles 可以極大的方便我們對(duì)于帶有網(wǎng)絡(luò)請(qǐng)求的 App 的開發(fā)和調(diào)試断凶。
