Charles的日常使用

1、Charles簡單介紹

Charles 是在 Mac 下常用的網絡封包截取工具,在做
移動開發時,我們爲了調試與服務器端的網絡通訊協議,常常需要截取網絡封包來分析。

Charles 通過將自己設置成系統的網絡訪問代理服務器,使得所有的網絡訪問請求都通過它來完成,從而實現了網絡封包的截取和分析。
除了在做移動開發中調試端口外,Charles 也可以用於分析第三方應用的通訊協議。配合 Charles 的 SSL 功能,Charles 還可以分析 Https 協議。

Charles 是收費軟件,可以免費試用 30 天。試用期過後,未付費的用戶仍然可以繼續使用,但是每次使用時間不能超過 30 分鐘,並且啓動時將會有 10 秒種的延時。因此,該付費方案對廣大用戶還是相當友好的,即使你長期不付費,也能使用完整的軟件功能。只是當你需要長時間進行封包調試時,會因爲 Charles 強制關閉而遇到影響。

Charles 主要的功能包括:

  1. 截取 Http 和 Https 網絡封包。
  2. 支持重發網絡請求,方便後端調試。
  3. 支持修改網絡請求參數。
  4. 支持網絡請求的截獲並動態修改。
  5. 支持模擬慢速網絡。

Charles 4 新增的主要功能包括:
支持 Http 2。
支持 IPv6。

2、安裝Charles

去 Charles 的官方網站(http://www.charlesproxy.com)下載最新版的 Charles 安裝包,是一個 dmg 後綴的文件。打開後將 Charles 拖到 Application 目錄下即完成安裝。

3、將 Charles 設置成系統代理

Charles 是通過將自己設置成代理服務器來完成封包截取的,所以使用 Charles 的第一步是將其設置成系統的代理服務器。設置如下圖。

這裏寫圖片描述

4、截取iPhone上的網絡封包

Charles 通常用來截取本地上的網絡封包,但是當我們需要時,我們也可以用來截取其它設備上的網絡請求。下面我就以 iPhone 爲例,講解如何進行相應操作。

Charles上的設置

要截取 iPhone 上的網絡請求,我們首先需要將 Charles 的代理功能打開。在 Charles 的菜單欄上選擇 “Proxy”->”Proxy Settings”,填入代理端口 8888,並且勾上 “Enable transparent HTTP proxying” 就完成了在 Charles 上的設置。如下圖所示:

這裏寫圖片描述

在iPhone上的設置

首先我們需要獲取 Charles 運行所在電腦的 IP 地址,Charles 的頂部菜單的 “Help”->”Local IP Address”,即可在彈出的對話框中看到 IP 地址,如下圖所示:

這裏寫圖片描述

在 iPhone 的 “ 設置 “->” 無線局域網 “ 中,可以看到當前連接的 wifi 名,通過點擊右邊的詳情鍵,可以看到當前連接上的 wifi 的詳細信息,包括 IP 地址,子網掩碼等信息。在其最底部有「HTTP 代理」一項,我們將其切換成手動,然後填上 Charles 運行所在的電腦的 IP,以及端口號 8888,如下圖所示:

這裏寫圖片描述

設置好之後,我們打開 iPhone 上的任意需要網絡通訊的程序,就可以看到 Charles 彈出 iPhone 請求連接的確認菜單(如下圖所示),點擊 “Allow” 即可完成設置。

  • 經過以上步驟,可以獲取http相關的請求,如果你需要截取分析 Https 協議相關的內容。那麼需要安裝 Charles 的 CA 證書。否則會出現unknown狀態,具體步驟如下。

首先我們需要在 Mac 電腦上安裝證書。點擊 Charles 的頂部菜單,選擇 “Help” -> “SSL Proxying” ->“Install Charles Root Certificate”,然後輸入系統的帳號密碼,即可在 KeyChain看到添加好的證書。如下圖所示:

這裏寫圖片描述

截取移動設備中的 Https 通訊信息,在手機上安裝證書

如果我們需要在 iOS 或 Android 機器上截取 Https 協議的通訊內容,還需要在手機上安裝相應的證書。點擊 Charles 的頂部菜單,選擇 “Help” -> “SSL Proxying” -> “Install Charles Root Certificate on a Mobile Device or Remote Browser”,然後就可以看到 Charles 彈出的簡單的安裝教程。

按照我們之前說的教程,在設備上設置好 Charles 爲代理後,在手機瀏覽器中訪問地址:http://charlesproxy.com/getssl,即可打開證書安裝的界面,安裝完證書後,就可以截取手機上的 Https 通訊內容了。不過同樣需要注意,默認情況下 Charles 並不做截取,你還需要在要截取的網絡請求上右擊,選擇 SSL proxy 菜單項。

需要注意的是,即使是安裝完證書之後,Charles 默認也並不截取 Https 網絡通訊的信息,如果你想對截取某個網站上的所有 Https 網絡請求,可以在該請求上右擊,選擇 SSL proxy,如下圖所示:

這裏寫圖片描述

目前爲止,一切準備就緒,重啓Charles,就可以抓取網絡請求啦~~

5、修改網絡請求與網絡返回內容

請求右擊,點擊breakpoint,執行到斷點時,可以進行Edit Request,然後點擊Execute執行修改請求操作,當有數據返回時,可以進行Edit Response,點擊Execute執行(這裏應該是有更好的辦法來修改,稍後再修改此處)

6、模擬慢速網絡

在做移動開發的時候,我們常常需要模擬慢速網絡或者高延遲的網絡,以測試在移動網絡下,應用的表現是否正常。Charles 對此需求提供了很好的支持。
在 Charles 的菜單上,選擇 “Proxy”->”Throttle Setting” 項,在之後彈出的對話框中,我們可以勾選上 “Enable Throttling”,並且可以設置 Throttle Preset 的類型。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章