?個人博客：Pandaconda-CSDN博客
📣專欄地址：http://t.csdnimg.cn/iAmAo
📚專欄簡介：在這個專欄中，我將會整理一些工作或學習中用到的工具介紹給大家~

📘Charles 系列其它文章：【網絡工具】Charles 實戰（上）
??如果有收獲的話，歡迎點贊👍收藏📁，您的支持就是我創作的最大動力💪

一、簡介

1. 什么是 Charles？

Charles 中文名叫青花瓷，它是一款基于 HTTP 協議的代理服務器，通過成為電腦或者瀏覽器的代理，然后截取請求和請求結果達到分析抓包的目的。

2. 工作原理

Charles 本質為 HTTP/HTTPS 代理，代理轉發客戶端的 HTTP/HTTPS 請求，攔截服務端響應處理后返回給真實客戶端。

前置步驟：

1. 需要運行 Charles 并配置代理

2. 在客戶端上面需要配置代理

具體實現步驟：

1. 由客戶端發送請求

2. Charles 接收再發送給服務端

3. 服務端返回請求結果給服務端

4. 由 Charles 轉發給客戶單

3. 主要功能

1. 支持 HTTP 及 HTTPS 代理

2. 支持流量控制

3. 支持接口并發請求

4. 支持重發網路請求

5. 支持斷點調試

4. Charles 的優點

對比 Fiddler 的優點：

1. Charles 能夠支持 linux、MacOs

2. Charles 支持按域名和按接口查看報文，簡潔明了

3. Charles 支持反向代理

4. Charles 網絡限速可以選擇網絡類型

5. Charles 可以解析 AMF 協議

二、下載及安裝

1. 下載

下載地址：https://www.charlesproxy.com/latest-release/download.do 默認端口：8888

2. 組件介紹

主頁面右側上方可以看到請求詳情，包括 Header，請求參數，Cookies 等信息。右側下方展示返回結果，如果是 JSON，會自動進行格式化方便查看；如果返回的是圖片，還可以顯示出圖片的預覽效果。

主導航欄介紹：

請求欄介紹：

Charles 主要提供兩種查看請求的視圖，分別名為 “Structure” 和 “Sequence”

• Structure 視圖將網絡請求按訪問的域名分類（推薦）

• Sequence 視圖將網絡請求按訪問的時間排序

請求數據欄介紹：

如果點擊下面的 "Overview" 按鈕，則會顯示詳細的接口信息。

三、配置方法

1. 前置步驟

前置要求 - 查看主機的 IP 地址：

1. 在 Charles 的頁面中點擊 "Help" 選項。

2. 點擊 "Local IP Address" 選項。

3. 查看主機的 IP 地址。

2. 代理配置

下面默認配置端口為 8888，如果端口沖突，可以改成其它端口。

3. 訪問控制

如果不在「IP Range」 客戶端 IP 列表里的 IP，則需要根據 "Prompt to allow unauthorized connections" 選項是否勾選，從而判斷是否能訪問：

• 如果該選項「勾選」，則不在列表中的 IP 地址想要訪問，會詢問能否訪問。

• 如果該選項「沒有勾選」，則不在列表中的 IP 地址不會訪問。

4. 客戶端代理設置

4.1 Windows 代理設置

具體步驟：

1. 在 Chrome 瀏覽器中輸入 Chrome://setting。

2. 在搜索框中輸入 “代理”。

3. 點擊 “打開您計算機的代理設置”。

默認開啟，若未開啟請按下圖進行設置：

4. 在手動設置代理中，開啟代理。

5. 在地址輸入框中輸入 Charles 的 IP 地址以及端口。

6. 點擊 “保存”，關閉頁面。

4.2 MacOS 代理設置

具體步驟：

1. 打開 Charles 頁面，點擊蘋果標志，點擊 "系統設置" 選項。

2. 點擊 "網絡"，進入對應網絡的 "詳情信息" 頁面。

3. 點擊 "代理" 選項。

4. 打開 "網頁代理（HTTP）" 和 "安全網頁代理（HTTPS）"，然后輸入服務器的 IP 地址及端口。

注意：

這里的服務器信息就是前面在 Charles 上面查看的地址和端口。

5. 最后點擊 "好" 按鈕，保存配置信息。

4.3 MacOS 快捷代理設置

應用場景：

當 MacOS 客戶端與運行 Charles 軟件工具的電腦是同一臺電腦時，可以通過快捷代理設置方式來進行設置。

具體步驟：

打開 Charles 工具后，選擇 "Proxy" 菜單中的 "macOS Proxy" 選項。

4.4 IOS 手機代理設置

具體步驟：

1. 在 IOS 手機中選擇 "設置" - "無線局域網" 選項。

2. 點擊已連接的無線網絡名稱。

3. 在 HTTP 代理的配置代理中選擇 "手動" 選項。

4. 輸入服務器 IP 地址以及端口，點擊 "存儲" 按鈕。

4.5 Android 手機代理設置

具體步驟：

1. 在 Android 手機中選擇 "設置" - "WLAN" 選項。

2. 長按已連接的無線網絡名稱，點擊 "修改網絡"。

3. 勾選 "顯示高級選項"。

4. 在代理選項中選擇 "手動" 選項。

5. 輸入服務器 IP 地址以及端口，點擊 "存儲" 按鈕。