抓包工具Charles的使用

• Charles的安裝大家自行搜尋安裝就好了。MAC OS環境，Windows環境上有更好的Fiddler，這裡不做過多介紹。Charles中各個設定的位置可能在不同版本中有變動，本文章使用了Charles4.1.4

安裝後的代理基本設定

1. 調出埠設定頁面
   
   • 選單欄操作 Proxy->Proxy Settings…
     

2. 設定埠
   

   • 選中Proxies面板->HTTP Proxy 下的Port: 後填入 8888 -> 點選OK完成
     
     

   埠設定為8888並沒有什麼特殊意義，你也可以更改為1024到49151之間的任一埠，不建議使用1024以下埠，那些都是公認埠，有特殊意義或者正在被電腦使用。

3. 設定手機代理

   • (以MIUI為例) 開啟WLAN設定->進入連結的WiFi的設定。代理處選擇手動->主機名設定為我們剛才安裝Charles的主機的IP->埠輸入上面設定的8888->點選確定完成
     

4. 效果檢視

   • 開啟手機的瀏覽器，檢視Charles是否捕獲到了網路請求
     

注意:
我選的是Structure結構，如果和你介面顯示不一致注意切換。在Request中我們已經可以看到了網路請求。

上面截圖框選的3，4兩處。3處我們可以看到是一個http請求，我們看到了請求的內容。4處的請求是個https請求，是不能直接檢視請求內容的，因為請求本身是加密的。

抓取https請求的設定

1. 手機安裝證書

   • 選單欄操作 Help->SSL Proxing->Install Charles Root Certificate on a Mobile Device or Remote Browser
     
     (注意上圖的2，我們會在MIUI安裝證書時用到)
     
     手機瀏覽器輸入框選的這個地址，
     記得加協議頭http://訪問的時候如果你手機沒有設定鎖屏密碼的話會優先提示你設定密碼(為了安全)，設定為就會進入證書下載頁面，輸入證書名稱點確定即可MIUI的特別設定：不知道MIUI是處於什麼考慮不允許這種瀏覽器安裝證書的方式，
     我們需要採用本地安裝的方式。還記得安裝證書第一步我標識2的Save Charles Root Certificate… 嗎，點選它，下載證書到主機，
     然後以你喜歡的方式轉存到手機MIUI: 設定->更多設定->系統安全->憑據儲存：從儲存安裝
     )
     

2. Charles設定代理https

   • 選單欄操作 Proxy->SSL Proxying Settings…
     
     開啟SSL代理->輸入要抓取https介面的域名->OK
     

3. 效果檢視
   
   我們已經抓取到了https介面的內容

   文章到此處抓取請求的方法就介紹完了，下面說一下我們在開發中使用Charles來解決開發伺服器不提供https服務的場景

開發場景應用

1. 通過切換host指向開發伺服器的情況
   

   通常這種情況，如果我們應用發出的是http請求，那麼直接使用Charles代理到本機，本機切換host指向開發伺服器IP即可。但是如果我們應用發出的是https請求，且開發伺服器不提供https服務，你可以在切換host這個操作的基礎上再將https請求經過Charles轉換為http請求：

開啟遠端請求替換->新增替換規則->from https協議 map to http 協議->OK  我們來看下結果：已經將https請求轉換為了http請求，並得到了返回結果 

1. 開發伺服器與線上伺服器不同域名的情況

這種情況，我們同樣適用情況中的Map Remote方式，將原始域名替換為開發環境的域名，如圖： 將hot.browser.miui.com替換為hot-dev.browser.miui.com

最後的最後，有個叫https雙向認證的概念，如果你遇到這種情況，上面的方法是無法抓取資料的，這個話題等有機會我們再談。