Charles是Mac平臺主流抓包 && Mock 工具. 本文主要記錄Charles的配置過程.
下載購買
設置
-
安裝證書
install_cerficate.png -
添加信任
keychain.png
trust.png -
Proxy Settings
proxy.png -
SSL Settings.此處SSL Proxying和Client Certificates都需要設置
SSL.png -
Record Settings.此處如果不配置,默認為抓取所有請求.
Recording.png
手機支持
- 如果只是抓取開發環境下
http的包，只需要在手機與電腦連接同一wifi，然后在wifi設置中連接charles中的代理即可。 - 如果需要抓取
https，則需要- 與步驟1中同樣，連接
charles代理 -
如圖，選擇在移動設備上安裝證書。image.png
-
根據提示，在手機上指定網頁，安裝證書。image.png
- 手機上設置信任證書即可。
- 與步驟1中同樣，連接
Mock Response
其實對于前端工程師來說,大多數請求通過Chrome的dev tools已經足夠查看了,使用Charles主要是為了模擬一些返回.
這個過程也很簡單,在想要mock的請求上面點擊右鍵,Map locale 或者 Map Remote.
Map.png
反向代理
功能在如圖所示位置，同樣可以用于將請求轉發。
image.png
