Charles是我比較喜歡的抓包工具，我主要用來抓取手機端的請求及響應，一些關(guān)于Charles的介紹和優(yōu)勢啥的我就不介紹了。

Charles安裝

? ? ? ? 下載地址：http://www.charlesproxy.com

? ? ? ? 直接按照步驟一步步點擊即可，安裝上沒有什么需要注意的事項，比較簡單

Charles破解

? ??????Charles不破解每次只能使用30分鐘就會被強制退出

? ? ? ? 破解地址：https://www.zzzmode.com/mytools/charles/

Charles破解碼生產(chǎn)

? ? ? ? RegisterName：自己隨便取一個最好

? ? ? ? License Key：? ? 保存好（復制），后面在Charles軟件需要用到

? ? ? ? 然后將RegisterName和?License Key填寫在下圖的Help/Registered..即可完成破解

Charles注冊

Charles配置

? ? 1、PC端安裝證書

? ? ? ? ? ? 按照下圖的位置點擊之后，一步步的確定即可完成證書安裝

Charles安裝PC端證書

? ? 2、手機端安裝證書

? ? ? ? ? ? 保證手機與PC端同處于一個網(wǎng)域（公司的網(wǎng)線與WIFI一般隸屬于同一個網(wǎng)域）

Charles安裝手機端證書-1

Charles安裝手機端證書-2

? ? ? ? ? ? 手機上修改WiFi鏈接配置，設置手動代理（如何設置代理可以自行百度）

? ??????????手機端安裝SSL證書（也可以直接網(wǎng)址下載）

? ? ? ? ? ? 具體鏈接：https://www.charlesproxy.com/assets/legacy-ssl/charles.crt

? ? ? ? ? ? 服務器、端口填寫為上圖的HTTP proxy（例：172.16.93.18:8889）

手機配置代理

? ? ? ? ? ? 連接好WiFi之后（此處報：WiFi不可用，不需要管），去手機瀏覽器中訪問：chls.pro/ssl? 下載證書

? ? ? ? ? ? 然后在手機中安裝證書（以iPhone為例：設置/通用/描述文件），找到Charles Proxy CA，安裝即可

手機安裝證書

? ? 3、Charles PC端基礎配置

? ? ? ? ? ? 手機端證書安裝完成之后，可以重啟Charles，可以配置Proxy以及SSL?proxy

配置入口

? ??????????Proxy setting：

? ? ? ? ? ? 勾選Enable....，Port填寫為手機上面配置的端口號

Proxy setting

? ? ? ? ? ? SSL?Proxy setting

? ? ? ? ? ? 這里設置：*:*? ?是為了抓取全部的（即Host：*? ? ?Port：*）

SSL?Proxy setting

? ? ? ? ? ? 全部配置完成之后，即可完成抓包工作，若不能抓取數(shù)據(jù)，請檢查以上配置

Charles的數(shù)據(jù)mock

? ??????Charles可以將返回的數(shù)據(jù)保存本地之后，修改部分想要的數(shù)據(jù)之后，mock回去，反饋到前端頁面展示（包括PC和手機端）

? ? ? ? 1、保存Response數(shù)據(jù)到本地

? ? ? ? ? ? ? ? 鼠標右擊請求，點擊Save Response將響應數(shù)據(jù)保存到本地

保存響應數(shù)據(jù)

? ? ? ? 2、數(shù)據(jù)mock

? ? ? ? ? ? ? ? 同樣鼠標右擊請求，點擊Map Local... ，選擇本地修改后的Response數(shù)據(jù)，這時候前端會對應的變化

MOCK數(shù)據(jù)

? ? ? ? 3、管理mock

? ? ? ? ? ? ? ? 可以開啟和關(guān)閉指定的接口mock

開啟和關(guān)閉mock