charles介紹

charles是一款PC端的web代理工具，PC上的瀏覽器或者其他應用程序通過charles訪問網絡，charles會記錄所有發送和接收的數據。在網絡相關的開發過程中，前端/客戶端需要和服務端聯調，聯調過程中出現問題，比如網絡數據沒有返回或者網絡數據出錯等等，這個時候需要前后端debug問題原因，如果缺少可視化的網絡請求信息，調試將會非常耗時耗力。charles就是把前端/客戶端的請求可視化，以UI界面的形式展示出來，極大地提高了聯調和debug效率。

charles的核心功能

• 它可以抓取http,https網絡包，并支持查看和修改網絡參數，包括request,response
• 網速控制，它可以模擬網絡慢速和高延遲的情況
• ajax調試，將xml和json用可視化的樹形結構或者文本展示出來
• 重發網絡請求，方便定位后端問題
• 編輯網絡請求參數，模擬各種網絡請求條件
• 支持斷點，可以在請求前后攔截，并且修改request和response信息
• 驗證html,css響應是否符合W3C標準

下載安裝和Mac電腦抓包設置

charles下載鏈接

安裝后，需要安裝ssl證書，help菜單里點擊SSL Proxying

3. 打開鑰匙串，信任charles證書

4. 做代理配置，點擊Proxy菜單，確保macOS Proxy選項是勾選狀態。點擊SSL Proxying Settings,點擊Add,配置可以抓包的域名和端口，填*星號代表所有域名和端口

5. mac電腦里面的網絡設置也需要更新，設置->網絡->Wifi->高級->代理，在左側的配置協議列表中取消勾選“自動發現代理”和“自動代理配置”。

6. 電腦端抓包配置完成，可以訪問網絡試試，所有的http/https流量都會通過charles中轉

手機真機抓包設置

點擊Help菜單中SSL Proxying，選擇安裝證書

接下來出現彈框

2. 手機設置網絡代理
打開網絡設置，配置代理，選擇手動，填入服務器和端口地址
服務器地址在命令行中輸入ifconfig en0查看，或者在上面的圖中查看，本文這里的地址為192.168.0.100。
端口地址填寫默認的8888。

3. 代理設置完成后，使用瀏覽器打開chls.pro/ssl，出現彈框后點擊允許

4. 手機設置信任證書，打開通用->描述文件，選擇charles證書后，點擊安裝

5. 真機抓包已經配置完成，可以使用手機訪問網絡試試了，手機上所有的http/https流量都會通過charles中轉

總結

以上是生活随笔為你收集整理的charles 安装 ssl_charles抓包配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。