Charles抓包工具在mac上配置

Charles抓包工具在mac上配置

日常web開發中少不了須要抓包操做，在windows上Fiddler工具很是好用，因爲接觸mac系統不久，抓包工具換成了Charles，使用不太熟練，寫下此文以做備忘，供別的第一次使用Charles工具小夥伴們參考，大神們請忽略哈。

下文中：pc端以mac爲例，手機端以iPhone機器爲例

1. 下載

官網連接： https://www.charlesproxy.com/

下載後進行安裝

2. http包抓取

• PC端

只要開啓Charles，而後訪問網頁，就能看到Charles捕獲的http請求了。

• 手機端

1). 通常狀況下，須要保證鏈接的wifi和電腦端鏈接的wifi一致（有時候比較特殊，有些環境對網絡作了隔離限制，這時須要手機端和pc端鏈接的wifi不能同樣，因此當鏈接的wifi一致時charles始終捕獲不到手機端的http請求時，可能因爲此緣由引發）

2). 打開手機端的wifi代理設置，設置其爲本機的ip和對應的端口號， Charles默認的端口號爲8888，能夠自定義修改。


(ios: 設置-->無線局域網-->選擇所鏈接的wifi後面的i圖標-->配置代理-->選擇手動-->填寫服務器地址和端口號)
3). 而後就能抓到手機端的http請求了

3. https包抓取

當須要捕獲https的請求時，通過上面的配置後，當訪問https站點時，會出現以下的狀況，此時就須要下面的額外配置

• PC端

1). 安裝Charles證書，Help --> SSL Proxying --> Install Charles Root Certificate

2). 安裝後，證書狀態以下

3). 此時須要信任該證書，以下圖所示操做

4). 最後一步設置SSL Proxying，須要手動添加能訪問的站點域名和443端口，此處能夠配置成 *:443， 通配全部的https請求，而後就能抓到https包了

• 手機端

1). 安裝Charles證書, Help --> SSL Proxying --> Install Charles Root Certificate On a Mobile Device or Remote Browser

2). 手機端訪問該彈出框上的地址進行證書安裝

3). 最後一步比較重要，手機上須要信任該證書(ios： 設置-->通用-->關於本機-->證書信任設置-->打開所按安裝的證書信任按鈕)

若是沒有設置這步，會出現以下狀況

4). 而後就能抓到手機上https請求包了。

Yayyyyy，done!