轉(zhuǎn)自：http://blog.csdn.net/lmmilove/article/details/50244537
簡(jiǎn)介
- 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)友好的无拗，即使你長(zhǎng)期不付費(fèi)带到，也能使用完整的軟件功能。只是當(dāng)你需要長(zhǎ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 4 新增的主要功能包括：
- 支持 Http 2。
- 支持 IPv6毕泌。
安裝 Charles
去 Charles 的官方網(wǎng)站（http://www.charlesproxy.com）下載最新版的 Charles 安裝包喝检，是一個(gè) dmg 后綴的文件。打開后將 Charles 拖到 Application 目錄下即完成安裝撼泛。
-
將 Charles 設(shè)置成系統(tǒng)代理
之前提到挠说，Charles 是通過將自己設(shè)置成代理服務(wù)器來完成封包截取的，所以使用 Charles 的第一步是將其設(shè)置成系統(tǒng)的代理服務(wù)器愿题。
啟動(dòng) Charles 后损俭，第一次 Charles 會(huì)請(qǐng)求你給它設(shè)置系統(tǒng)代理的權(quán)限。你可以輸入登錄密碼授予 Charles 該權(quán)限潘酗。你也可以忽略該請(qǐng)求杆兵，然后在需要將 Charles 設(shè)置成系統(tǒng)代理時(shí)，選擇菜單中的 “Proxy” -> “Mac OS X Proxy” 來將 Charles 設(shè)置成系統(tǒng)代理仔夺。如下所示：
之后琐脏，你就可以看到源源不斷的網(wǎng)絡(luò)請(qǐng)求出現(xiàn)在 Charles 的界面中。
注意點(diǎn)：
需要注意的是缸兔，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 主界面介紹
Charles 主要提供兩種查看封包的視圖政钟，分別名為 “Structure” 和 “Sequence”路克。
Structure 視圖將網(wǎng)絡(luò)請(qǐng)求按訪問的域名分類。
Sequence 視圖將網(wǎng)絡(luò)請(qǐng)求按訪問的時(shí)間排序养交。
大家可以根據(jù)具體的需要在這兩種視圖之前來回切換精算。請(qǐng)求多了有些時(shí)候會(huì)看不過來，Charles 提供了一個(gè)簡(jiǎn)單的 Filter 功能碎连，可以輸入關(guān)鍵字來快速篩選出 URL 中帶指定關(guān)鍵字的網(wǎng)絡(luò)請(qǐng)求灰羽。
對(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ù)覽傍念。
過濾網(wǎng)絡(luò)請(qǐng)求
通常情況下，我們需要對(duì)網(wǎng)絡(luò)請(qǐng)求進(jìn)行過濾葛闷，只監(jiān)控向指定目錄服務(wù)器上發(fā)送的請(qǐng)求憋槐。對(duì)于這種需求，以下幾種辦法：
- 方法一：在主界面的中部的 Filter 欄中填入需要過濾出來的關(guān)鍵字淑趾。例如我們的服務(wù)器的地址是：http://yuantiku.com
, 那么只需要在 Filter 欄中填入 yuantiku 即可阳仔。 -
方法二：在 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)上枕，如下圖所示：
image.png
這種方式可以臨時(shí)性的咐熙，快速地過濾出一些沒有通過關(guān)鍵字的一類網(wǎng)絡(luò)請(qǐng)求。
截取 iPhone 上的網(wǎng)絡(luò)封包
Charles 通常用來截取本地上的網(wǎng)絡(luò)封包辨萍，但是當(dāng)我們需要時(shí)棋恼，我們也可以用來截取其它設(shè)備上的網(wǎng)絡(luò)請(qǐng)求返弹。下面我就以 iPhone 為例，講解如何進(jìn)行相應(yīng)操作爪飘。
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 彈出的簡(jiǎn)單的安裝教程棺亭。如下圖所示：
按照我們之前說的教程虎眨，在設(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 功能來簡(jiǎn)單地測(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 功能適合長(zhǎng)期地將某一些請(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è)示例托呕，我將所有 ytk1.yuanku.ws（測(cè)試服務(wù)器）的請(qǐng)求重定向到了 www.yuantiku.com（線上服務(wù)器）含蓉。
對(duì)于 Map Local 功能，我們需要填寫的重定向的源地址和本地的目標(biāo)文件项郊。對(duì)于有一些復(fù)雜的網(wǎng)絡(luò)請(qǐng)求結(jié)果馅扣，我們可以先使用 Charles 提供的 “Save Response…” 功能，將請(qǐng)求結(jié)果保存到本地（如下圖所示）着降，然后稍加修改岂嗓，成為我們的目標(biāo)映射文件。
下圖是一個(gè)示例鹊碍，我將一個(gè)指定的網(wǎng)絡(luò)請(qǐng)求通過 Map Local 功能映射到了本地的一個(gè)經(jīng)過修改的文件中厌殉。
Map Local 在使用的時(shí)候，有一個(gè)潛在的問題侈咕，就是其返回的 Http Response Header 與正常的請(qǐng)求并不一樣公罕。這個(gè)時(shí)候如果客戶端校驗(yàn)了 Http Response Header 中的部分內(nèi)容，就會(huì)使得該功能失效耀销。解決辦法是同時(shí)使用 Map Local 以下面提到的 Rewrite 功能楼眷，將相關(guān)的 Http 頭 Rewrite 成我們希望的內(nèi)容。
Rewrite 功能
Rewrite 功能功能適合對(duì)某一類網(wǎng)絡(luò)請(qǐng)求進(jìn)行一些正則替換熊尉，以達(dá)到修改結(jié)果的目的罐柳。
例如，我們的客戶端有一個(gè) API 請(qǐng)求是獲得用戶昵稱狰住，而我當(dāng)前的昵稱是 “tangqiaoboy”张吉，如下所示：
我們想試著直接修改網(wǎng)絡(luò)返回值，將 tangqiaoboy 換成成 iosboy催植。于是我們啟用 Rewrite 功能肮蛹，然后設(shè)置如下的規(guī)則：
完成設(shè)置之后，我們就可以從 Charles 中看到创南，之后的 API 獲得的昵稱被自動(dòng) Rewrite 成了 iosboy伦忠，如下圖所示：
Breakpoints 功能
上面提供的 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)容。
-
下圖是我們臨時(shí)修改獲取用戶信息的 API袱瓮，將用戶的昵稱進(jìn)行了更改缤骨，修改完成后點(diǎn)擊 “Execute” 則可以讓網(wǎng)絡(luò)請(qǐng)求繼續(xù)進(jìn)行。
需要注意的是尺借，使用 Breakpoints 功能將網(wǎng)絡(luò)請(qǐng)求截獲并修改過程中绊起，整個(gè)網(wǎng)絡(luò)請(qǐng)求的計(jì)時(shí)并不會(huì)暫停，所以長(zhǎng)時(shí)間的暫土钦叮可能導(dǎo)致客戶端的請(qǐng)求超時(shí)虱歪。
反向代理
Charles 的反向代理功能允許我們將本地的端口映射到遠(yuǎn)程的另一個(gè)端口上。例如栅表，在下圖中笋鄙，我將本機(jī)的 61234 端口映射到了遠(yuǎn)程（www.yuantiku.com）的80端口上了。這樣怪瓶，當(dāng)我訪問本地的 61234 端口時(shí)萧落，實(shí)際返回的內(nèi)容會(huì)由 www.yuantiku.com 的 80 端口提供。
