Charles 查看 http/https 封包

我們在準備做一個App的時候通常會去App Store上面尋找一些同領域的App來做參考,UI分析上可以利用 Reveal App

而API的調用情況我們就可以來參考 Charles Proxy


Charles的設置

將Charles設置成系統代理

Charles是通過將自己設定為代理服務器來實現抓取封包的。

在 Charles 的 Menu 中,選擇「Proxy -> macOS Proxy」就可以了。

打開Charles代理功能

在Charles的Menu中,選擇「Proxy -> Proxy Settings」,然後打開Enable transparent HTTP proxying

iPhone 網路通信代理設定

在 Charles 的 Menu中,選擇「Help -> Local IP Address」可以看到電腦目前所被分配的 IP 地址。

然後在手機上進行 WIFI 代理服務器的設定,設定完成後電腦上的 Charles 會跳出連接提示,選擇確認就設定好了。

注意:第一次設定好 Mac 上會跳出接入允許的提示,如果沒有反應可以通過「遺忘此網路設定」的方式,重新連接試試看。

然後要到 Certificate Trust Settings 裡面打開 – 2018年5月17日更新( iOS 多了一步設定 )

讓 Charles 支持截取 HTTPS 封包

如果還要進一步能夠讀取https的內容,還要進行證書的認證。

在Charles的Menu中,選擇「Help -> SSL Proxying -> Install Charles Root Certificate」

接著對證書進行信任的設定即可。

讓 Charles 支持截取 iPhone 中的 https 封包

在Chaeles的Menu中,選擇「Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser」

接著拿起剛才設定好「網路服務器代理」的設備,通過 Safari 打開 http://charlesproxy.com/getssl,並安裝上證書就可以了。

開啟 Https 封包抓取功能

開始看得到各種封包以後,會發現 https 開頭的服務底下出現很多 unknown 的內容,這時候需要通過右鍵點擊該服務並選擇「Enable SSL Proxying」。


Charles 其他功能

模擬不同網路環境

和 Chrome 的開發工具一樣,可以模擬各種網路環境。在 Charles 的 Menu 中,選擇「Proxy -> Throttle Settings」

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *