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

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、成都做網(wǎng)站、原陽(yáng)網(wǎng)絡(luò)推廣、小程序開(kāi)發(fā)、原陽(yáng)網(wǎng)絡(luò)營(yíng)銷、原陽(yáng)企業(yè)策劃、原陽(yáng)品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供原陽(yáng)建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

Charles 是收費(fèi)軟件，可以免費(fèi)試用 30 天。試用期過(guò)后，未付費(fèi)的用戶仍然可以繼續(xù)使用，但是每次使用時(shí)間不能超過(guò) 30 分鐘，并且啟動(dòng)時(shí)將會(huì)有 10 秒種的延時(shí)。不過(guò)，也可以網(wǎng)上找到破解版，將lib原文件中的charles.jar替換就可以隨意使用啦~

Charles 主要的功能包括：

支持 SSL 代理?？梢越厝》治?nbsp;SSL 的請(qǐng)求。

支持流量控制。可以模擬慢速網(wǎng)絡(luò)以及等待時(shí)間（latency）較長(zhǎng)的請(qǐng)求。

支持 AJAX 調(diào)試?？梢宰詣?dòng)將 json 或 xml 數(shù)據(jù)格式化，方便查看。

支持 AMF 調(diào)試?？梢詫?Flash Remoting 或 Flex Remoting 信息格式化，方便查看。

支持重發(fā)網(wǎng)絡(luò)請(qǐng)求，方便后端調(diào)試。

支持修改網(wǎng)絡(luò)請(qǐng)求參數(shù)。

支持網(wǎng)絡(luò)請(qǐng)求的截獲并動(dòng)態(tài)修改。

檢查 HTML，CSS 和 RSS 內(nèi)容是否符合 W3C 標(biāo)準(zhǔn)。

Charles下載：官網(wǎng)https://www.charlesproxy.com/，目前最新版是4.1.2，分win、mac以及Linux，親們可以按需下載。下面以winows64位版本為例：

下載后的鏡像文件：

Charles安裝：

雙擊msi文件，傻瓜式點(diǎn)擊下一步即可

安裝完成后，就可以去你安裝路徑中找charles.exe試用啦~~~如果想要破解的朋友，可以在http://pan.baidu.com/s/1eSEInya   密碼：k843下載Charles.jar，順便說(shuō)一句，這個(gè)ja包也是要配套charles版本使用的，這里使用的是4.1版。這個(gè)文件中有mac、win32/64的版本，按需使用哦~替換Charles根目錄下lib中的同名文件，這樣打開(kāi)Charles就不用等10秒啦~

以上只是安裝好Charles，如果這個(gè)時(shí)候打開(kāi)使用，抓取的包一部分是unknow狀態(tài)。

Charles配置：

1、將charles設(shè)置成系統(tǒng)代理：Proxy->Windows Proxy

需要注意的是，Chrome 和 Firefox 瀏覽器默認(rèn)并不使用系統(tǒng)的代理服務(wù)器設(shè)置，而 Charles 是通過(guò)將自己設(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á)到相同效果。

charles主界面：

圖中，structure和sequence是兩種視圖模式：

structure視圖將網(wǎng)絡(luò)請(qǐng)求按訪問(wèn)的域名分類；sequence視圖將網(wǎng)絡(luò)請(qǐng)求按訪問(wèn)的時(shí)間排序；

Filter處可以設(shè)置過(guò)濾關(guān)鍵詞，如輸入想要過(guò)濾的域名，主界面就只顯示該域名相關(guān)的包；

Request顯示請(qǐng)求內(nèi)容；

Response顯示響應(yīng)內(nèi)容。

截取移動(dòng)設(shè)備包括APP、微信公眾號(hào)等的網(wǎng)絡(luò)封包（以iPhone為例）：

Charles上設(shè)置：要截取 iPhone 上的網(wǎng)絡(luò)請(qǐng)求，首先將 Charles 的代理功能打開(kāi)。在 Charles 的菜單欄上選擇 “Proxy”–>“Proxy Settings”，填入代理端口 8888，并且勾上 “Enable transparent HTTP proxying” 就完成了在 Charles 上的設(shè)置。

iPhone上設(shè)置：“ 設(shè)置 ”–>“ 無(wú)線局域網(wǎng) ” 中，可以看到當(dāng)前連接的 wifi 名，通過(guò)點(diǎn)擊右邊的詳情鍵，可以看到當(dāng)前連接上的 wifi 的詳細(xì)信息，包括 IP 地址，子網(wǎng)掩碼等信息。在其最底部有“HTTP 代理”一項(xiàng)，我們將其切換成手動(dòng)，然后在服務(wù)器一欄填上 Charles 運(yùn)行所在的電腦的 IP，以及端口號(hào) 8888，如下圖：

設(shè)置好之后，打開(kāi) iPhone 上的任意需要網(wǎng)絡(luò)通訊的程序，就可以看到 Charles 彈出 iPhone 請(qǐng)求連接的確認(rèn)菜單，點(diǎn)擊 “Allow” 即可完成設(shè)置。

如果你需要截取分析 SSL 協(xié)議相關(guān)的內(nèi)容。那么需要安裝 Charles 的 CA 證書(shū)。

首先需要在電腦上安裝證書(shū)。點(diǎn)擊 Charles 的頂部菜單，選擇 “Help” –> “SSL Proxying” –> “Install Charles Root Certificate”如下圖：

彈出安裝證書(shū)窗口：

至此Charles上設(shè)置完成。

如果手機(jī)上也需要抓取https的包，那么也需要下載ca證書(shū)：

點(diǎn)擊 Charles 的頂部菜單，選擇 “Help” –> “SSL Proxying” –>“Install Charles Root Certificate on Mobile Device and Remote Browser”,會(huì)彈出下圖：

在safari中輸入“chls.pro/ssl”，搜索出CA證書(shū)，彈出如下圖：

點(diǎn)安裝（這里L(fēng)Z已經(jīng)安裝過(guò)了）后，還需在手機(jī)“設(shè)置”->“關(guān)于本機(jī)”->“證書(shū)信任設(shè)置”中信任該證書(shū)：

其次，在手機(jī)瀏覽器中輸入http://charlesproxy.com/getssl ，即可打開(kāi)證書(shū)安裝的界面，安裝完證書(shū)后，就可以截取手機(jī)上的 Https 通訊內(nèi)容了。也就是上圖中的第一個(gè)證書(shū)。

然而，Charles 默認(rèn)并不截取 SSL 的信息，如果你想對(duì)截取某個(gè)網(wǎng)站上的所有 SSL 網(wǎng)絡(luò)請(qǐng)求，處理方法有兩種：

1、在該請(qǐng)求上右擊，選擇Enable SSL proxy：

2、選擇charles頂部菜單“Proxy”->“SSL Proxying Settings”：

點(diǎn)擊“Add”添加host和port：

host：*  表示可以取任何值

port：443

至此截取web以及手機(jī)端網(wǎng)絡(luò)封包的設(shè)置基本完成。

注意：如果遇到截包返回亂碼、截包“unknow”狀態(tài)，可能是證書(shū)沒(méi)有安裝好，或者SSL沒(méi)有授權(quán)