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!