一、Charles配置步驟
1. 配置代理
電腦本機是不需要代理的，移動端之類的需要代理
2. 獲取證書
- 為了兼容https才設置的證書
3. 安裝證書
-
安裝方式：Help-SSL Proxy-install charles root certificate-點擊安裝證書-用戶選中本地計算機-接著選擇“將所有的證書都放入下列存儲”，再選擇“受信任的根證書頒發機構”-安裝完成會提示你導入成功
在這里插入圖片描述
4. 信任證書
按照上面布置操作
5. 過濾規則
類似白名單功能，具體配置如下：Porxy-SSL Proxy Settings-SSL Proxy-Add-下面配置是只抓取https接口的請求（https默認的端口號是443，http默認的端口號是80）-點擊ok
6. 瀏覽器代理配置
- 在瀏覽器使用switchOmega設置Charles監聽端口
- 下載地址：https://proxy-switchyomega.com/
- 安裝：下載完成以后進入chrome瀏覽器-點擊右上角“...”圖標-點擊更多根據-擴展程序-把剛剛下載的crx文件拖進來
-
配置：裝上后點擊瀏覽器右上角擴展程序圖標-選擇omega小程序-點擊選項進行配置-可以查看到這個頁面
在這里插入圖片描述
我們先獲取Charles的ip地址：
具體路徑：Help-SSL Proxy-點擊最長那個選項，會出現下面的截圖-接著我們把charles的代理地址填到上面-然后再點擊應用選項
在這里插入圖片描述
二、移動端證書的配置
1. 設備與電腦處于同一個wifi
模擬器不存在這個問題
2. 移動端代理配置
- 服務器ip地址
- 設置端口
3. 配置代理
進入設置-wlan-進入連接的wifi-長按修改網絡-配置代理服務器主機名和端口-點擊保存
4. 安裝證書
- 系統瀏覽器訪問chls.pro/ssl
- 按照提示安裝證書
- android6以上系統的app默認不信任證書，需要開發修改代碼。大部分測試app安裝包默認打開狀態
三、charles常用功能
1. rewrite
- 動態修改某個東西，類似文本替換。
-
如果我們想驗證app的排版異常情況，比如股票名稱如果過長時，頁面是否可以正常顯示，那么可以使用這個功能
在這里插入圖片描述
具體操作：charles-Tools-Rewrite-Enable Rewrite-Add-配置匹配規則（支持正則）
然后點擊ok，就變成我們想要的樣子了
2. Map Local
如果要做動態數據替換，我們可以使用這個功能
如果我們想要測試某股票app的一些異常，比如股票漲幅為0或者9999999等，我們可以使用這個功能
測試準備：存儲要測試的接口響應結果，然后修改成自己想要的值，保存
-
操作路徑：Tools-Map Local-Enable Map Local-編輯（如下）-點擊ok
在這里插入圖片描述
修改成功！
在這里插入圖片描述
3. Map Remote 這個類似于url的轉發
比如app想要再同一套前端頁面測試不同的后端環境，傳統做法是前端去改代碼/配置，然后重新部署，比較浪費時間，且造成測試環境的不穩定，這個時候我們可以使用Map Remote功能進行環境的切換
-
操作路徑：Tools-Map Remote，具體配置見下圖
在這里插入圖片描述
4. 弱網模擬 點擊Proxy-Throttle Settings-勾選Enable Throttling-修改帶寬-然后再刷新頁面，查看是否會出現crash或空指針
-
是否每個需求都需要進行弱網測試，我們需要先了解前端架構，可以與開發進行確認超時或弱網的處理邏輯是否是通用的，如果是就只測一次即可。如果架構比較弱，每一個界面都自己做弱網的話，是需要都進行測試的
在這里插入圖片描述
