奇技指南

在應(yīng)用開發(fā)過程中，通過抓包調(diào)試服務(wù)端接口的場景時常出現(xiàn)。Charles和Wireshark是開發(fā)過程中最常用的兩款軟件。那么今天，讓我們以iOS為例，聊一聊Charles抓包。

本文來自360奇舞團(tuán)QiShare團(tuán)隊投稿。

---

在日常開發(fā)中，我們無法看到應(yīng)用程序與服務(wù)器之間發(fā)送和接收的內(nèi)容，沒有這種可見性，我們在確定故障的確切位置時會非常困難且耗時。而Charles是一個運行在PC上的Web代理，我們將應(yīng)用程序配置為通過Charles訪問網(wǎng)絡(luò)，便可以在Charles上記錄并顯示發(fā)送和接收的所有數(shù)據(jù)，進(jìn)而可以大大提高調(diào)試程序的效率。

從下圖可以看出Charles的角色：

Charles有以下幾個常用功能：

• 請求預(yù)覽：通過分組或序列視圖預(yù)覽和過濾請求數(shù)據(jù)；

• 請求抓包：抓取HTTP和HTTPS的請求數(shù)據(jù)和響應(yīng)數(shù)據(jù)；

• 請求斷點：攔截指定的請求或響應(yīng)，預(yù)覽中間的數(shù)據(jù)；

• 數(shù)據(jù)修改：修改請求數(shù)據(jù)和響應(yīng)數(shù)據(jù)以配合數(shù)據(jù)測試；

• 請求重發(fā)：指定請求重復(fù)發(fā)送，以測試后端功能和性能；

• 網(wǎng)速模擬：設(shè)置網(wǎng)速延遲，模擬手機上2G/3G/4G網(wǎng)絡(luò)；

由于Charles的功能很多，很難在文章中詳盡介紹，所以作者以在項目中對Charles的使用為切入點，對最常用、最有用的幾個功能進(jìn)行介紹。

? ?一、安裝Charles

Charles是收費軟件，有30天的免費試用期限，

之后每使用30分鐘會被強退一次，重啟后可繼續(xù)使用。

從Charles官網(wǎng)可以獲取Charles安裝包。

二、請求預(yù)覽

Charles啟動后，就運行在抓包模式。由于Charles會自動配置PC瀏覽器的代理，所以，隨意打開一個網(wǎng)頁(只要有網(wǎng)絡(luò)請求即可)即可預(yù)覽到請求信息。

PS：如果使用插件為瀏覽器設(shè)置了獨立代理，請關(guān)閉插件或者設(shè)置成系統(tǒng)代理。

Charles提供了Structure和Sequence兩種預(yù)覽模式。Structure以域名對請求進(jìn)行分組，可以很方便地預(yù)覽同一域名下的請求數(shù)據(jù)，也方便于日常開發(fā)中對某一服務(wù)接口的分析和處理。圖示如下：

Sequence以時間順序顯示請求信息，可以最直接的預(yù)覽請求信息。在此模式下，可以使用Filter過濾請求，針對性分析。圖示如下：

在兩種模式下，都可以通過切換標(biāo)簽(Overview、Request、Response等)預(yù)覽不同類型的請求信息。在最常用的Request和Response標(biāo)簽下，還可以通過切換子標(biāo)簽(Headers、Cookies、Text等)預(yù)覽對應(yīng)標(biāo)簽詳細(xì)內(nèi)容。圖示如下：

三、請求抓包

使用工具欄的白圓紅點按鈕(快捷鍵是“Command+R”)可以使Charles在抓包(Start Recording)和不抓包(Stop Recording)之間切換。使用此按鈕，在需要調(diào)試時再打開抓包功能可以有效減少干擾信息，而快速抓取到需要調(diào)試的請求。

對從手機(以iPhone示例)發(fā)出的請求進(jìn)行抓包，需要保證iPhone和PC工作在同一局域網(wǎng)內(nèi)。

第1步

獲取PC的IP地址

在Charles菜單欄 -> Help -> Local IP Address中可以查看PC的IP地址。圖示如下：

也可以在Mac終端使用命令ifconfig en1查看PC的IP地址。圖示如下：

第2步

配置iPhone代理

在iPhone的?設(shè)置 -> 無線局域網(wǎng) -> 局域網(wǎng)信息(i) -> 配置代理 -> 手動中配置代理，服務(wù)器輸入框中填寫PC的IP地址，端口輸入框中填寫Charles的代理端口(一般是8888)。圖示如下：

具體的端口可以從Charles菜單欄 -> Proxy -> Proxy Settings中查看。圖示如下：

iPhone代理配置完成后，Charles會彈出連接提示框，點擊Allow之后即可使用Charles對從該iPhone發(fā)出的請求進(jìn)行抓包了。圖示如下：

第3步

?抓包HTTPS請求

在配置iPhone代理完畢后，就可以通過Structure或者Sequence窗口預(yù)覽HTTP請求的數(shù)據(jù)了。但由于HTTPS請求被加密過，預(yù)覽請求時只能預(yù)覽到亂碼數(shù)據(jù)。要預(yù)覽到HTTPS請求的數(shù)據(jù)明文，需要PC和iPhone安裝證書授權(quán)。

1)PC安裝證書

在Charles菜單欄 -> Help -> SSL Proxying -> Install Charles Root Certificate中可以為PC安裝證書，證書可以在Mac的鑰匙串中查看。圖示如下：

證書可以在Mac的鑰匙串中查看，雙擊證書，將信任權(quán)限設(shè)定為始終信任。圖示如下：

2)iPhone安裝證書

在iPhone瀏覽器中訪問?http://charlesproxy.com/getssl?可以下載證書并安裝。此地址一般不會變化，可以在Charles?菜單欄 -> Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser中查看最新的官方證書下載地址。圖示如下：

基于iOS的證書信任機制，在安裝完成并信任證書后，需要到iPhone設(shè)置 -> 關(guān)于本機 -> 證書信任設(shè)置?中啟用根證書。圖示如下：

這樣，就可以使用Charles中抓包iPhone發(fā)出的HTTPS請求并預(yù)覽明文數(shù)據(jù)了。

抓包模擬器上的HTTPS請求需要點擊Install Charles Root Certificate in iOS Simulators安裝證書。

3)啟動抓包SSL權(quán)限

在Charles菜單欄 -> Proxy -> SSL Proxying Settings中勾選Enable SSL Proxying，然后在Locations中添加需要抓包的Host和Port即可。圖示如下：

也可以在抓包界面，右鍵點擊某條/組請求，在彈出的選項列表中點擊Enable SSL Proxying啟用權(quán)限。圖示如下：

?

四、請求斷點

在Charles的請求預(yù)覽界面中，右鍵點擊某條/組請求，在彈出的選項列表中有Breakpoints選項。圖示如下：

點擊Breakpoints后即為該請求設(shè)定了斷點。默認(rèn)情況下，在該請求的Request / Response過程都會受斷點控制，即在Request數(shù)據(jù)發(fā)送到的服務(wù)端之前會被暫停，在Response數(shù)據(jù)發(fā)送到客戶端之前也會被暫停?？梢詮腃harles菜單欄 -> Proxy -> Breakpoint Settings中編輯斷點的參數(shù)。比如，只需要對Response過程加斷點，可以將Request的勾選狀態(tài)取消。圖示如下：

在斷點狀態(tài)下，可以預(yù)覽和修改請求的中間數(shù)據(jù)，之后點解Execute按鈕即可繼續(xù)執(zhí)行請求。

五、數(shù)據(jù)修改

Rewrite和Breakpoint Editing都可以起到修改請求數(shù)據(jù)的作用。

1)Rewrite

在Charles菜單欄 -> Tools -> Rewrite中可以開啟Rewrite功能，點擊Add按鈕可以添加一條設(shè)置，并可以在右側(cè)的Locations和Rules中分別添加要Rewrite的請求路徑和Rewrite規(guī)則。圖示如下：

Rewrite適合應(yīng)用于對請求的批量和長期修改，對請求數(shù)據(jù)影響較大(測試結(jié)束后經(jīng)常忘記去掉規(guī)則)。所以，在一些輕量級的數(shù)據(jù)修改場景中，我經(jīng)常結(jié)合Breakpoint功能修改數(shù)據(jù)。

2)Breakpoint Editing

結(jié)合斷點功能，可以很好的實現(xiàn)臨時修改請求的Request / Response數(shù)據(jù)的需求。為某條請求設(shè)置斷點后，當(dāng)該請求發(fā)生時，會自動跳到斷點窗口。點開Edit Request / Response界面，可以看到中間信息，選擇合適的數(shù)據(jù)格式(HTML、Json等)進(jìn)行修改。修改完成后，點擊Execute按鈕即可在終端上看到修改后的的效果。圖示如下：

六、請求重發(fā)

在Charles的請求預(yù)覽界面中，右鍵點擊某條/組請求，在彈出的選項列表中有Repeat和Advanced Repeat兩個選項。圖示如下：

單擊Repeat會重發(fā)該請求一次，常用于測試服務(wù)接口能否正常訪問，客戶端能否正常收到返回數(shù)據(jù)等。單擊Advanced Repeat會彈出重發(fā)參數(shù)編輯頁面，圖示如下：

在此編輯界面上，可以自定義Iterations(重發(fā)次數(shù))、?Concurrency(并發(fā)數(shù))和?Repeat(重發(fā)延時)，常用于對服務(wù)接口進(jìn)行壓力測試。

七、網(wǎng)速模擬

在Charles菜單欄 -> Proxy -> Throttle Settings中可以啟用Throttling(節(jié)流)功能，并自定義Locations(受限服務(wù)接口)和Throttle Configuration(節(jié)流配置)。支持對Throttle preset(預(yù)置的數(shù)據(jù)傳輸方式)、Bandwidth(帶寬)?Utilisation(利用比率)、?Round-trip latency(往返延遲)、MTU(最大傳輸單元)?Reliability(可靠性)?Stability(穩(wěn)定性)等參數(shù)進(jìn)行編輯。其中，在Throttle preset支持模擬3G/4G網(wǎng)絡(luò)環(huán)境。圖示如下：

使用Throttle功能，可以方便地排插因為若網(wǎng)而導(dǎo)致的bug，而這類bug在線上很容易出現(xiàn)，而且很難排查復(fù)現(xiàn)。

界世的你當(dāng)不

只作你的肩膀

無

?360官方技術(shù)公眾號?

技術(shù)干貨|一手資訊|精彩活動

空·

更多iOS及周邊技術(shù)文章可點擊閱讀原文，

關(guān)注QiShare。

總結(jié)

以上是生活随笔為你收集整理的charles乱码_基于iOS的Charles抓包实践的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。