環境配置：host（配置IP域名）、數據庫
——配置host方式：/etc/hosts、用Linux命令vim編輯；或者用switch host工具編輯（可下載下來方便快速編輯host）
入口：路徑、網址（要測哪個頁面）
工具：手機、Charles工具
1、下載Charles工具
2、下載完成后，配置Proxy>>proxy setting>>勾選support HTTP/2和Enable transparent HTTP proxying (支持HTTP/2協議和啟用透明HTTP代理)
3、完成添加配置HTTPS：proxy>>ssl proxying setting>>add>>*:443（443端口主要是用于HTTPS服務，80端口是HTTP）
4、安裝證書
Charles頂部：Help -> SSL Proxying -> Install Charles Root Certificate 點擊后自動打開鑰匙串訪問，請輸入電腦開機密碼
完成后會看到證書，雙擊證書，打開證書詳情：展開信任
使用此證書時：修改為【始終信任】，關閉證書詳情要求輸入開機密碼
安裝證書
mac上打開鑰匙串可以看到安裝證書
1、打開Charles工具看到的首屏內容，確認remote address是否正確，不正確請打開host文件修改，確保自己無問題和開發核實。
下方兩種視圖內容一致，① structure是結構視圖：方便找到；② sequence是序列視圖：明確請求先后順序，和網頁中F12查看network內容一致。
2、上方是前端請求區域即 request，下方是后端返回數據區域 即相應區域response。
3、定位前后臺數據問題，點擊右下方的json text可查看后端返回是否有問題，檢查無誤則是前端問題。
1、 配置host：/etc/hosts、vim編輯；或者用工具switch host（可下載下來方便編輯host）
2、打開代理工具Charles（抓包工具）
手機（客戶端）————中間代理抓取信息——————> >服務器
3、手機安裝證書
頂部 >> Help >> SSL Proxying >> Install Charles Root Certificate on a Mobile Device or Remote Browser >> 彈出端口和域名 >> 一會【第4點】手機上配置要用這兩個參數
安裝手機證書
域名和端口
APP測試要點：
1、如果手機沒安裝證書，無法抓https的包，此時需要安裝證書，并信任即第3點內容。
2、證書地址：手機默認瀏覽器，iOS是Safari打開輸入下載地址 【chls.pro/ssl】（前提：①連接到電腦代理（下方第4點） ②電腦Charles安裝了根證書即在第二點Charles安裝中第4小點內容）
3、安裝證書后需要信任證書，在iOS系統設置>>用戶頭像信息下方有一條點進去>>信任即可
(如未顯示：通用>>關于本機 拉到最下邊>>證書信任設置>>開關打開）
4、連接代理之后 所有的網絡請求HTTP都會走到你的電腦上，電腦關機 網絡就中斷了，要想恢復在設置里 把手動的配置關掉。
4、 設置手機的代理指向電腦（選擇連接的無線網絡注意電腦和手機必須相同網絡下，進入下方配置代理）點擊連接的無線網絡 >> 底部配置代理 >> 選擇手動 >> 輸入服務器和端口 >> 存儲（測試完成后還是此處直接關閉，每次測試都需要重新在手機上輸入服務器和端口）
服務器端口查看：第3點中安裝證書截圖中有位置路徑是 “ 頂部 >> Help >> SSL Proxying >> Install Charles Root Certificate on a Mobile Device or Remote Browser >> 彈出端口和域名 ”
點擊連接的網絡進入后，點擊底部的配置代理
配置代理步驟
關掉電腦抓包
5、打開手機APP，找到要測試頁面，點擊打開頁面的時候，查看Charles抓包看請求。
知識點補充：
位：常說的bit，位是計算機中的最小數據單位：就是0或者1；計算機內存中的存儲都是01這兩個東西。 字節：英文單詞：（byte），byte是存儲空間的基本計量單位。1byte 存1個英文字母，2個byte存一個漢字。規定上是1個字節等于8個比特（1Byte = 8bit）。 字：字就是由一些字符組成的，是據算計處理數據時一次存取，加工和傳送的數據長度。 字由若干字節構成，字的位數叫字長，一臺8位機子：一個字等于1個字節，字長為8位，如果是16位的機子，一個字等于2個字節，字長為16，字是計算機處理數據和運算的單位。 由此可見，計算機的字長決定了其CPU一次操作處理實際位數的多少，即：計算機的字長越大，其性能越好。 位、字，字節與KB的關系： KB 1KB=1024B MB 1MB=1024KB GB 1GB=1024MB TB 1TB=1024GB（以上內容來自百度）
ajax全稱：AJAX = Asynchronous JavaScript and XML (異步的 JavaScript 和 XML)
XHR（網頁中F12刷新頁面，可看到請求步驟）： XML HTTP Request
Charles是一個網絡抓包工具，相比Fiddler，其功能更為強大，而且跨平臺支持得更好，所以這里選用它來作為主要的移動端安排app抓包工具配置，以及連接。
1. 相關鏈接
官方網站：https://www.charlesproxy.com
下載鏈接：https://www.charlesproxy.com/download
2. 下載Charles
根據自身情況下載，Charles是收費軟件，不過可以免費試用30天。如果試用期過了，其實還可以試用，不過每次試用不能超過30分鐘，啟動有10秒的延時，但是完整的軟件功能還是可以使用的，所以還算比較友好。
3. 證書配置
現在很多頁面都在向HTTPS方向發展，HTTPS通信協議應用得越來越廣泛。如果一個App通信應用了HTTPS協議，那么它通信的數據都會是被加密的，常規的截包方法是無法識別請求內部的數據的。
安裝完成后，如果我們想要做HTTPS抓包的話，那么還需要配置一下相關SSL證書。接下來，我們再看看各個平臺下的證書配置過程。
Charles是運行在PC端的，我們要抓取的是App端的數據，所以要在PC和手機端都安裝證書。
Windows
如果你的PC是Windows系統，可以按照下面的操作進行證書配置。
首先打開Charles，點擊Help→SSL Proxying→Install Charles Root Certificate，即可進入證書的安裝頁面，如下圖所示
然后進行證書導入。點擊會彈出一個安裝證書的頁面，如下圖所示
然后點擊“安裝證書”按鈕，就會打開證書導入向導，會彈出如下
繼續點擊下一步，會出現，下圖
然后點擊第二個選項“將所有的證書放入下列存儲”，然后點擊“瀏覽”按鈕，會出現下圖
選擇 ‘受信任根證書頒發機構’選擇，然后點確定，在然后下一步，然后會出現下圖
點擊確定就OK了
接下來對手機安裝證書
下面是安卓手機的連接方法
首先，查看電腦的Charles代理是否開啟，具體操作是點擊Proxy→Proxy Settings，打開代理設置頁面，
在然后設置端口號
確保當前的HTTP代理是開啟的。如下圖，，這里的代理端口為8888，也可以自行修改。
#在電腦上打開Help→SSL Proxying→Install Charles Root Certificate on a Mobile Device or Remote Browser
點擊完后出現了如下圖所示
然后配置你的手機IP地址，用上面的IP即可，手機的配置如下
要選擇手動代理
設置號就OK，注意手機和電腦在同一網絡下，
然后
點擊確定，用手機瀏覽器訪問http://chls.pro/ssl
一定要在同一網絡下
訪問結果如下
然后下載安裝證書即可
下載完成給證書起個名字
設置完畢后，電腦上就會出現一個提示窗口，詢問是否信任此設備，如下圖所示，此時直接點擊Allow按鈕即可。
也可以看本人的博客https://blog.csdn.net/yang_bingo/article/details/83054787
謝謝支持。