Charles is a web debugging proxy that enables a developer to view all of the HTTP and SSL/HTTPS traffic between their machine and the internet. This includes deep inspection of requests, responses, headers, TLS information, compression and performance, and binary protocols such as Protobuf for both HTTP 1.1 and 2. Charles is perfect for debugging and measuring your web or mobile app’s API requests and responses.web
Charles
提供 Windows、Mac OS、Linux 三種平臺的安裝包。瀏覽器
這是一個付費軟件,30天試用時間,超過試用時間每30分鐘自動關閉一次。
官網下載比較慢,能夠嘗試第三方下載平臺。服務器
基於 Java
跨平臺開發,應該會須要 Java
環境。網絡
Charles 在線破解工具
選擇對應的版本,下載 charles.jar
到本地,而後替換文件。app
C:\Program Files\Charles\lib\charles.jar
/Applications/Charles.app/Contents/Java/charles.jar
1.設置代理工具
打開 Charles
,頂部菜單中選擇 Proxy
,下拉菜單中去掉 macOS Proxy
。開發工具
2.激活 http 代理測試
打開 Charles
,頂部菜單中選擇 Proxy
,下拉菜單中去掉 Proxy Settings
。spa
如圖設置。debug
3.手機無線網 http 代理
電腦與手機鏈接同一個局域網,選擇當前鏈接的無線網,修改網絡,手動設置 http 代理。
代理服務器、主機地址填寫電腦的 IP 地址,端口號填寫 Proxy Settings
中的端口號,不修改,通常是 8888
。
4.測試是否可能
關閉 Charles
從新打開,會提示各類是否容許,通常狀況容許。
例如手機打開微博應用:
界面很簡單,頂部是一些工具,例如清除、開始記錄、刷新等,和 Chrome
瀏覽器的開發工具很像。
左側是監聽到的各類接口,有兩個方式,一種是圖上這樣,以接口地址爲集合。一種是時間順序分開。
其餘的能夠我的多摸索了,通常狀況都是查看某個接口的 Contents
瀏覽,這樣就和瀏覽器中查看看很類似了。
右邊的上面是請求相關內容,下面是返回的相關內容。
以上設置只是代理了 http
,如今衆多服務以及開啓了 https
,若是用剛剛的設置打開,不少接口都會是亂碼,因此,搞一波。
1.Charles
設置
打開 Charles
,頂部菜單中選擇 Proxy
,下拉菜單中去掉 SSL Proxy Settings
。
如圖設置,*:443
是代理全部服務的 https
的接口,若是不想的話,也能夠單獨開啓幾個接口。
2.手機安裝證書
iOS
瀏覽器打開 www.charlesproxy.com/getssl
就會提示安裝證書。
即便安裝了證書也有些接口不能正常代理,設置 -> 通用 -> 關於本機 -> 證書信任設置 -> CA
關於 Android
手機,暫時未實踐。
以上就結束了。