1.Charles簡(jiǎn)介

1.1 Charles是在Mac下常用的網(wǎng)絡(luò)封包截取工具郎逃，在做 移動(dòng)開發(fā)時(shí)，我們?yōu)榱苏{(diào)試與服務(wù)器端的網(wǎng)絡(luò)通訊協(xié)議缚忧，常常需要截取網(wǎng)絡(luò)封包來(lái)分析僵控。

1.2 Charles通過將自己設(shè)置成系統(tǒng)的網(wǎng)絡(luò)訪問代理服務(wù)器，使得所有的網(wǎng)絡(luò)訪問請(qǐng)求都通過它來(lái)完成图柏，從而實(shí)現(xiàn)了網(wǎng)絡(luò)封包的截取和分析序六。

1.3 除了在做移動(dòng)開發(fā)中調(diào)試端口外，Charles也可以用于分析第三方應(yīng)用的通訊協(xié)議蚤吹。配合Charles的SSL功能例诀，Charles還可以分析Https 協(xié)議。

1.4 Charles是收費(fèi)軟件裁着，可以免費(fèi)試用30天繁涂。試用期過后，未付費(fèi)的用戶仍然可以繼續(xù)使用二驰，但是每次使用時(shí)間不能超過 30 分鐘扔罪，并且啟動(dòng)時(shí)將會(huì)有10秒種的延時(shí)。因此桶雀，該付費(fèi)方案對(duì)廣大用戶還是相當(dāng)友好的矿酵，即使你長(zhǎng)期不付費(fèi)，也能使用完整的軟件功能矗积。只是當(dāng)你需要長(zhǎng)時(shí)間進(jìn)行封包調(diào)試時(shí)全肮，會(huì)因?yàn)镃harles強(qiáng)制關(guān)閉而遇到影響。

1.5Charles 主要的功能包括：

①截取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ò)。

2.Charles安裝

1.1去Charles的官方網(wǎng)站（http://www.charlesproxy.com下載最新版的Charles安裝包禁熏，是一個(gè) dmg 后綴的文件壤巷。打開后將Charles拖到 Application目錄下即完成安裝。

3.將Charles設(shè)置成系統(tǒng)代理

1.1之前提到瞧毙，Charles是通過將自己設(shè)置成代理服務(wù)器來(lái)完成封包截取的胧华，所以使用Charles的第一步是將其設(shè)置成系統(tǒng)的代理服務(wù)器寄症。

1.2啟動(dòng)Charles后，第一次Charles會(huì)請(qǐng)求你給它設(shè)置系統(tǒng)代理的權(quán)限矩动。你可以輸入登錄密碼授予Charles該權(quán)限有巧。你也可以忽略該請(qǐng)求，然后在需要將Charle 設(shè)置成系統(tǒng)代理時(shí)悲没，選擇菜單中的 “Proxy” –> “Mac OS X Proxy” 來(lái)將Charles設(shè)置成系統(tǒng)代理篮迎。之后，你就可以看到源源不斷的網(wǎng)絡(luò)請(qǐng)求出現(xiàn)在 Charles 的界面中示姿。

備注：Chrome 和 Firefox 瀏覽器默認(rèn)并不使用系統(tǒng)的代理服務(wù)器設(shè)置甜橱，而 Charles 是通過將自己設(shè)置成代理服務(wù)器來(lái)完成封包截取的，所以在默認(rèn)情況下無(wú)法截取 Chrome 和 Firefox 瀏覽器的網(wǎng)絡(luò)通訊內(nèi)容栈戳。如果你需要截取的話岂傲，在 Chrome 中設(shè)置成使用系統(tǒng)的代理服務(wù)器設(shè)置即可，或者直接將代理服務(wù)器設(shè)置成?127.0.0.1:8888?也可達(dá)到相同效果子檀。

4.Charles功能介紹

1.1Charles 主要提供兩種查看封包的視圖镊掖，分別名為 “Structure” 和 “Sequence”。

①Structure 視圖將網(wǎng)絡(luò)請(qǐng)求按訪問的域名分類褂痰。

②Sequence 視圖將網(wǎng)絡(luò)請(qǐng)求按訪問的時(shí)間排序亩进。

1.2大家可以根據(jù)具體的需要在這兩種視圖之前來(lái)回切換。請(qǐng)求多了有些時(shí)候會(huì)看不過來(lái)脐恩，Charles 提供了一個(gè)簡(jiǎn)單的 Filter 功能镐侯，可以輸入關(guān)鍵字來(lái)快速篩選出 URL 中帶指定關(guān)鍵字的網(wǎng)絡(luò)請(qǐng)求。

1.3對(duì)于某一個(gè)具體的網(wǎng)絡(luò)請(qǐng)求驶冒，你可以查看其詳細(xì)的請(qǐng)求內(nèi)容和響應(yīng)內(nèi)容苟翻。如果請(qǐng)求內(nèi)容是 POST 的表單，Charles 會(huì)自動(dòng)幫你將表單進(jìn)行分項(xiàng)顯示骗污。如果響應(yīng)內(nèi)容是 JSON 格式的崇猫，那么 Charles 可以自動(dòng)幫你將 JSON 內(nèi)容格式化，方便你查看需忿。如果響應(yīng)內(nèi)容是圖片诅炉，那么 Charles 可以顯示出圖片的預(yù)覽。

5.過濾網(wǎng)絡(luò)請(qǐng)求

1.1通常情況下屋厘，我們需要對(duì)網(wǎng)絡(luò)請(qǐng)求進(jìn)行過濾涕烧，只監(jiān)控向指定目錄服務(wù)器上發(fā)送的請(qǐng)求。對(duì)于這種需求汗洒，以下幾種辦法：

①在主界面的中部的 Filter 欄中填入需要過濾出來(lái)的關(guān)鍵字议纯。例如我們的服務(wù)器的地址是：https://survey.zhongchebaolian.com/?, 那么只需要在 Filter 欄中填入 survey 即可。

②在 Charles 的菜單欄選擇 “Proxy”–>“Recording Settings”溢谤，然后選擇 Include 欄瞻凤，選擇add一個(gè)項(xiàng)目憨攒，然后填入需要監(jiān)控的協(xié)議，主機(jī)地址阀参，端口號(hào)肝集。這樣就可以只截取目標(biāo)網(wǎng)站的封包了。

③在想過濾的網(wǎng)絡(luò)請(qǐng)求上右擊蛛壳，選擇 “Focus”杏瞻，之后在 Filter 一欄勾選上 Focussed 一項(xiàng)，這種方式可以臨時(shí)性的炕吸，快速地過濾出一些沒有通過關(guān)鍵字的一類網(wǎng)絡(luò)請(qǐng)求伐憾。

備注：通常情況下勉痴，我們使用方法①做一些臨時(shí)性的封包過濾赫模，使用方法②做一些經(jīng)常性的封包過濾。

6.截取 iPhone 上的網(wǎng)絡(luò)封包

1.1Charles 上的設(shè)置

①要截取 iPhone 上的網(wǎng)絡(luò)請(qǐng)求蒸矛，我們首先需要將 Charles 的代理功能打開瀑罗。在 Charles 的菜單欄上選擇 “Proxy”–>“Proxy Settings”，填入代理端口 8888雏掠，并且勾上 “Enable transparent HTTP proxying” 就完成了在 Charles 上的設(shè)置斩祭。

1.2iPhone 上的設(shè)置

①首先我們需要獲取 Charles 運(yùn)行所在電腦的 IP 地址，Charles 的頂部菜單的 “Help”–>“Local IP Address”乡话，即可在彈出的對(duì)話框中看到 IP 地址摧玫。

②在 iPhone 的 “ 設(shè)置 ”–>“ 無(wú)線局域網(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è)置吕晌。

7.截取 Https 通訊信息

1.1安裝證書如果你需要截取分析 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)求可以被截取到了算灸。

1.2截取移動(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 彈出的簡(jiǎn)單的安裝教程骑冗。

②按照我們之前說(shuō)的教程赊瞬，在設(shè)備上設(shè)置好 Charles 為代理后，在手機(jī)瀏覽器中訪問地址：http://charlesproxy.com/getssl贼涩，即可打開證書安裝的界面巧涧，安裝完證書后，就可以截取手機(jī)上的 Https 通訊內(nèi)容了遥倦。不過同樣需要注意谤绳，默認(rèn)情況下 Charles 并不做截取，你還需要在要截取的網(wǎng)絡(luò)請(qǐng)求上右擊袒哥，選擇 SSL proxy 菜單項(xiàng)缩筛。

8.模擬慢速網(wǎng)絡(luò)

1.1在做移動(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)即可。

9.修改網(wǎng)絡(luò)請(qǐng)求內(nèi)容

1.1有些時(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)擊右鍵，選擇 “Compose”稽穆，即可創(chuàng)建一個(gè)可編輯的網(wǎng)絡(luò)請(qǐng)求冠王。

1.2我們可以修改該請(qǐng)求的任何信息，包括 URL 地址舌镶、端口柱彻、參數(shù)等，之后點(diǎn)擊 “Execute” 即可發(fā)送該修改后的網(wǎng)絡(luò)請(qǐng)求餐胀。Charles 支持我們多次修改和發(fā)送該請(qǐng)求哟楷，這對(duì)于我們和服務(wù)器端調(diào)試接口非常方便。

10.給服務(wù)器做壓力測(cè)試

1.1我們可以使用 Charles 的 Repeat 功能來(lái)簡(jiǎn)單地測(cè)試服務(wù)器的并發(fā)處理能力否灾，方法如下卖擅。

①我們?cè)谙氪驂旱木W(wǎng)絡(luò)請(qǐng)求上（POST 或 GET 請(qǐng)求均可）右擊，然后選擇 「Repeat Advanced」菜單項(xiàng)

②接著我們就可以在彈出的對(duì)話框中坟冲，選擇打壓的并發(fā)線程數(shù)以及打壓次數(shù)磨镶，確定之后溃蔫，即可開始打壓健提。

11.修改服務(wù)器返回內(nèi)容

有些時(shí)候我們想讓服務(wù)器返回一些指定的內(nèi)容，方便我們調(diào)試一些特殊情況伟叛。例如列表頁(yè)面為空的情況私痹，數(shù)據(jù)異常的情況，部分耗時(shí)的網(wǎng)絡(luò)請(qǐng)求超時(shí)的情況等统刮。如果沒有 Charles紊遵，要服務(wù)器配合構(gòu)造相應(yīng)的數(shù)據(jù)顯得會(huì)比較麻煩。這個(gè)時(shí)候侥蒙，使用 Charles 相關(guān)的功能就可以滿足我們的需求暗膜。

1.1根據(jù)具體的需求，Charles 提供了 Map 功能鞭衩、 Rewrite 功能以及 Breakpoints 功能学搜，都可以達(dá)到修改服務(wù)器返回內(nèi)容的目的。這三者在功能上的差異是：

①M(fèi)ap 功能適合長(zhǎng)期地將某一些請(qǐng)求重定向到另一個(gè)網(wǎng)絡(luò)地址或本地文件论衍。

②Rewrite 功能適合對(duì)網(wǎng)絡(luò)請(qǐng)求進(jìn)行一些正則替換瑞佩。

③Breakpoints 功能適合做一些臨時(shí)性的修改。

1.2Map 功能

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è)置頁(yè)面焕阿。

①對(duì)于 Map Remote 功能，我們需要分別填寫網(wǎng)絡(luò)重定向的源地址和目的地址首启，對(duì)于不需要限制的條件捣鲸，可以留空。

②對(duì)于 Map Local 功能闽坡，我們需要填寫的重定向的源地址和本地的目標(biāo)文件栽惶。對(duì)于有一些復(fù)雜的網(wǎng)絡(luò)請(qǐng)求結(jié)果，我們可以先使用 Charles 提供的 “Save Response…” 功能疾嗅，將請(qǐng)求結(jié)果保存到本地外厂，然后稍加修改，成為我們的目標(biāo)映射文件代承。

1.3Rewrite 功能

Rewrite 功能功能適合對(duì)某一類網(wǎng)絡(luò)請(qǐng)求進(jìn)行一些正則替換汁蝶，以達(dá)到修改結(jié)果的目的。

①我們的客戶端有一個(gè) API 請(qǐng)求是獲得用戶車牌號(hào)论悴，而我當(dāng)前的車牌號(hào)是 “京888888”掖棉，我們想試著直接修改網(wǎng)絡(luò)返回值，將 京888888 換成成 京999999膀估。于是我們啟用 Rewrite 功能幔亥，然后設(shè)置如下的規(guī)則：完成設(shè)置之后，我們就可以從 Charles 中看到察纯，之后的 API 獲得的昵稱被自動(dòng) Rewrite 成了京999999

1.4Breakpoints 功能

上面提供的 Rewrite 功能最適合做批量和長(zhǎng)期的替換帕棉，但是很多時(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)容拔稳。

備注：使用 Breakpoints 功能將網(wǎng)絡(luò)請(qǐng)求截獲并修改過程中，整個(gè)網(wǎng)絡(luò)請(qǐng)求的計(jì)時(shí)并不會(huì)暫停锹雏，所以長(zhǎng)時(shí)間的暫桶捅龋可能導(dǎo)致客戶端的請(qǐng)求超時(shí)。