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