charles工具的使用方法-創(chuàng)新互聯(lián)

本篇內(nèi)容介紹了“charles工具的使用方法”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到老河口網(wǎng)站設(shè)計(jì)與老河口網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類(lèi)型包括：成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請(qǐng)域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋老河口地區(qū)。

1. Charles 簡(jiǎn)介

好多人把它叫做抓包工具，好像也沒(méi)什么不對(duì)。但官方把它定義為一個(gè)代理（Proxy）。我們看看官方是怎么說(shuō)的：

Charles是一個(gè)HTTP代理（或HTTP監(jiān)視器，或反向代理），可以讓開(kāi)發(fā)者觀察到他們的機(jī)器和互聯(lián)網(wǎng)之間的所有HTTP和SSL/HTTPS流量。這包括請(qǐng)求，響應(yīng)和HTTP標(biāo)頭（包含cookie和緩存信息）。

Charles 使用Java開(kāi)發(fā)，支持Windows、macOS、Linux操作系統(tǒng)：

并且，讓W(xué)indows和macOS用戶有福的是，它支持系統(tǒng)代理設(shè)置，也就是用它設(shè)置為系統(tǒng)代理，就不用再去設(shè)置瀏覽器代理了。老猿我就比較悲催了，用Ubuntu就沒(méi)這個(gè)福利了，啟動(dòng)Charles后還有設(shè)置Chrome的代理。好在我用SwitchyOmega（你懂的），新增一個(gè)代理指向Charles也不是什么難事兒。

2. Charles的下載安裝

我們?nèi)? 官網(wǎng)下載 一個(gè)免費(fèi)試用版，有30天的試用期，不過(guò)每次運(yùn)行半小時(shí)就不能使用了，需要重新運(yùn)行charles。
選擇適合你的系統(tǒng)的版本下載安裝即可。安裝過(guò)程是傻瓜式的，一路點(diǎn)下一步即可。

3. Charles的配置：http 代理

以Windows為例（macOS類(lèi)似）
運(yùn)行Charles，在Windows系統(tǒng)下，已經(jīng)默認(rèn)設(shè)置為系統(tǒng)代理，可以在左邊欄看到已經(jīng)記錄的http請(qǐng)求（如果有請(qǐng)求的話）。點(diǎn)擊菜單“Proxy”可以看到默認(rèn)的系統(tǒng)設(shè)置。如下圖所示：

圖中綠色方框就是已經(jīng)選中Windows Proxy（系統(tǒng)代理），橙色框中便是它記錄的http請(qǐng)求。點(diǎn)擊紅框中的“Proxy Settings…”菜單，可以修改代理端口，默認(rèn)的是8888：

Windows下的Chrome瀏覽器默認(rèn)使用系統(tǒng)代理，這時(shí)候你用Chrome打開(kāi)網(wǎng)頁(yè)就可以看到Charles記錄的請(qǐng)求了。

Ubuntu(Linux)下配置Chrome瀏覽器

Ubuntu下就沒(méi)有前面圖中類(lèi)似綠色框中的”Linux Proxy”可以選擇，我們需要自己去Chrome瀏覽器設(shè)置代理，然而Chrome是使用系統(tǒng)代理的。于是，我們有兩種選擇來(lái)設(shè)置Chrome使用Charles的代理：

（1） 去系統(tǒng)設(shè)置里面把系統(tǒng)代理設(shè)置成Charles的8888端口
打開(kāi) System Settings -> Network，選擇 Network proxy，如圖所示：

（2）像老猿我這樣使用SwitchyOmega插件
打開(kāi)插件的配置頁(yè)面，點(diǎn)擊左側(cè)的New profile按鈕，填寫(xiě)名稱并創(chuàng)建：

填寫(xiě)代理的地址為 127.0.0.1，端口為8888 ：

填寫(xiě)后，左側(cè)的 Apply changes 按鈕變成綠色，點(diǎn)擊它保存配置。
以后需要使用Charles和Chrome分析網(wǎng)站時(shí)，只需選擇SwitchyOmega 的這個(gè)代理即可。

Ubuntu(Linux)下配置Firefox瀏覽器

打開(kāi) Firefox 的 Preference -> General -> Network Settings 進(jìn)行代理配置：

看上圖，同樣對(duì)于Firefox 也有兩種使用代理的方式：

• Use system proxy settings ： 使用系統(tǒng)代理

• Manual proxy configuration ： 手動(dòng)設(shè)置代理

4. Charles的配置： HTTPS/SSL代理

上面的配置，是針對(duì)HTTP的，也就是非加密的請(qǐng)求的設(shè)置，但是現(xiàn)在的網(wǎng)絡(luò)環(huán)境是加密傳輸（HTTPS）已經(jīng)相當(dāng)普及，所以我們要對(duì)SSL/HTTPS 做相應(yīng)的配置，讓Charles也能捕獲并解析HTTPS傳輸。

如果不配置的話，捕獲到的HTTPS內(nèi)容會(huì)是亂碼，如圖：

我們可以看到，凡是HTTPS傳輸?shù)模际?，右邊的?nèi)容也是很多亂碼。

大家應(yīng)該已經(jīng)知道了，HTTPS加密傳輸靠的是CA證書(shū)，配置Charles支持HTTPS也就是把Charles自己的CA證書(shū)導(dǎo)入到系統(tǒng)或?yàn)g覽器。

（1）啟用并配置 Charles的SSL 代理
點(diǎn)擊菜單 Proxy -> SSL Proxying Settings，選中 “Enable SSL Proxying”，點(diǎn)擊“Add”，Host填寫(xiě)*（即對(duì)所有網(wǎng)站使用代理），Port填寫(xiě) 443，點(diǎn)擊OK保存即可。如圖：

（2）Windows導(dǎo)入Charles的根證書(shū)
點(diǎn)擊菜單 Help -> SSL Proxying -> Install Charles Root Certificate，

會(huì)跳出導(dǎo)入證書(shū)的窗口，點(diǎn)擊 “安裝證書(shū)”，一步一步安裝即可。

這種方式導(dǎo)入的證書(shū)只對(duì)Windows自帶的IE瀏覽器生效，而對(duì)Firefox、Chrome等第三方瀏覽器要自己從瀏覽器導(dǎo)入證書(shū)。如果第三方瀏覽器不導(dǎo)入Charles的根證書(shū)，訪問(wèn)HTTPS網(wǎng)站時(shí)，就會(huì)是這樣的：

同樣的，在macOS系統(tǒng)下用這種方式導(dǎo)入的證書(shū)只對(duì)macOS自帶的Safari瀏覽器生效。

（3）Chrome導(dǎo)入Charles的根證書(shū)
Charles證書(shū)的獲得有兩種方式：
一種是從軟件里面Save為文件，點(diǎn)擊菜單 Help -> SSL Proxying -> Save Charles Root Certificate… 保存為文件。

另一種方法是，Chrome啟用Charles代理，訪問(wèn)  chls.pro/ssl  即可下載證書(shū)。

得到證書(shū)文件后，通過(guò) 菜單： 設(shè)置->高級(jí)-> 管理證書(shū) 打開(kāi)證書(shū)管理窗口，點(diǎn)擊“受信任的根證書(shū)頒發(fā)機(jī)構(gòu)”，再點(diǎn)擊“導(dǎo)入…”按鈕，選擇剛才得到的證書(shū)導(dǎo)入即可，如圖：

導(dǎo)入證書(shū)成功后，記得要重啟Chrome瀏覽器，讓證書(shū)生效。
這樣，Charles就可以解密Chrome的HTTPS傳輸了。Firefox導(dǎo)入證書(shū)的方法類(lèi)似，就不再詳述。使用Firefox的小猿們可以自己試試看。

“charles工具的使用方法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

分享標(biāo)題：charles工具的使用方法-創(chuàng)新互聯(lián)
文章URL：http://www.muchs.cn/article20/dpjjjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站導(dǎo)航、網(wǎng)站策劃、外貿(mào)網(wǎng)站建設(shè)、定制開(kāi)發(fā)、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)