Charles(V3.10.1)的抓包以及常見功能的使用
寫在前面，小弟的專業技術部落格：https://www.cnblogs.com/ljcgood66/
該部落格的連結為：https://www.cnblogs.com/ljcgood66/p/10704366.html
一、Charles的安裝
安裝都不會，那就不用再往下看了。(*^__^*) 嘻嘻……
二、HTTP抓包
1.檢視電腦IP地址
2.設定手機的HTTP代理
手機連線到同一WiFi下設定HTTP代理：
伺服器為電腦IP一樣，埠號設定8888
3.在電腦上開啟Charles
點選“Allow”允許，出現手機的HTTP請求列表
三、HTTPS抓包
注意：HTTPS的抓包需要在HTTP抓包基礎上再進行設定
設定前抓包HTTPS是這樣的
1.安裝SSL證書到手機裝置
點選 Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or...
出現彈窗得到地址 http://charlesproxy.com/getssl
在手機Safari瀏覽器輸入地址 http://charlesproxy.com/getssl ，出現證書安裝頁面，點選安裝
手機設定有密碼的輸入密碼進行安裝
注意：不要以為這樣就結束了，還需要啟用完全信任Charles證書
設定→通用→關於本機→證書信任設定 裡面啟用完全信任Charles證書
2.電腦安裝SSL證書
選中Charles，在“Help”選單中選擇—>“SSL Proxying”—>“Install Charles Root Certificate”會自動開啟鑰匙串訪問視窗：
注意：如果點選沒反應，點選 save Charles Root Certificate... ，儲存到桌面即可，雙擊之後再看鑰匙串訪問
在“鑰匙串訪問”中雙擊開啟，選擇始終信任
3.在Charles工具欄上點選設定按鈕，選擇“SSL Proxying Settings…”：
開啟“SSL Proxying Settings”對話方塊：
點選“Add”新增：Host中輸入*表示匹配所有主機。https預設埠號：443。
4. 測試
再次請求一下APP，見證奇蹟的時刻
四、Charles如何打斷點，修改Response資料
1、開啟將要訪問的網址，通過Charles抓到想要修改資料的介面
這裡我們來修改一下首頁的內容看看
請記住原來的首頁是這個樣的 今日推薦話題：get買家秀
我們做的是修改這個文案
2. 點選右鍵選Breakpoints
3.點選Charles工具中Proxy-Breakpoints
抱歉圖片反了，對於優秀的你應該一樣可以看
4、彈出Breakpoints Settings 彈層
雙擊Location中的想要打斷點的介面，彈出Edit Breakpoints
5.將Query中的內容刪除，輸入*
如果修改Request資料，就將Request勾選
如果修改Response資料，就將Response勾選
6.此時重新訪問該介面，Charles自動跳轉到Breakpoints頁面
8、此時修改Response資料，點選Edit Response，切換底部tab至Text 或者JavaScript，修改所需要的資料
這裡我切換到javaScript，修改“get買家秀”為“get買家秀修改內容後” 點選excute 檢視訪問的頁面，資料將會顯示已修改的Response資料
9.資料將會顯示已修改的Response資料
下面就是見證奇蹟的時刻了
五、Charles模擬網路環境，限制網路速度 Charles Throtting
App開發完後，我們要測試多環境，特別是在慢網速下的case，現在用charles也可以達到這目的。
看這兩張圖片我想聰明的你就知道怎麼設定了！
感謝各位大神~
參考文件連結：
https://www.cnblogs.com/weiming4219/p/7908668.html
https://blog.csdn.net/joyce_xiaobaibai/article/details/80693471