在實際開發中,我們需要時常抓取線上的請求及數據,甚至是請求的html文檔,js,css等靜態文件來進行調試。在這里,我使用charles來進行以上操作。但是呢,charles需要進行一系列配置才能達到我們的要求。下面將介紹一個mac下詳細且完整的安裝和配置過程。
1. 下載和安裝Charles
在Charles官網下載,然后按照正常流程安裝即可。
2. 破解Charles
詳細步驟:點擊這里
3. 配置手機
手機連接同局域網,設置網絡的代理服務器為該電腦的ip地址,端口為8888,此時你已經可以抓取http請求了
4. 配置抓包HTTPS請求
1. 安裝Charles HTTPS證書
路徑:help–>SSLProxying–> Install Charles Root Ceriticate
2. 點擊Install Charles Root Ceriticate后,會直接跳到鑰匙串中。但是呢,這個證書並不能信任,此時我們可以點擊Charles Proxy CA,就會彈出第二張圖,在信任中選擇“始終信任”即可。
當然也並不是所有人都能很順利的執行第一步,即在申請發布證書時雙擊安裝出現不能修改System Roots鑰匙串問題:
此時,你只需點擊左下角的小圖標,點擊進入“登錄”標簽,然后通過help–>SSLProxying–> Save Charles Root Ceriticate... 然后將保存的文件直接拖到面板中即可。然后設置信任。。。
當電腦上已經安裝好證書之后,我們將需要調試的手機設置該電腦為代理服務器,端口為8888
5. 手機端下載證書
通過help–>SSLProxying–> Install Charles Root Ceriticate on a Mobile Device or Remote Browser,可以獲得下載提示,將Charles設置為http代理,然后訪問chl.pro/ssl(網址可能會不同,因此一定要通過點擊獲得的提示信息)。
6. 設置代理https端口
通過Proxy–>SSL Proxying Settings
這樣一來,你就可以通過Charles作為代理服務器,獲取想要的信息。
最后說一點,最重要的一點,如果你使用charles,一定要鏈接以太網口,不能連接無線網。