Charles的安裝和使用

一搔确、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)的話重虑,是需要都進行測試的


    在這里插入圖片描述
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末践付,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子缺厉,更是在濱河造成了極大的恐慌永高,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芽死,死亡現(xiàn)場離奇詭異乏梁,居然都是意外死亡,警方通過查閱死者的電腦和手機关贵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門遇骑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人揖曾,你說我怎么就攤上這事落萎。” “怎么了炭剪?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵练链,是天一觀的道長。 經(jīng)常有香客問我奴拦,道長媒鼓,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任错妖,我火速辦了婚禮绿鸣,結果婚禮上,老公的妹妹穿的比我還像新娘暂氯。我一直安慰自己潮模,他們只是感情好,可當我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布痴施。 她就那樣靜靜地躺著擎厢,像睡著了一般。 火紅的嫁衣襯著肌膚如雪辣吃。 梳的紋絲不亂的頭發(fā)上动遭,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天,我揣著相機與錄音神得,去河邊找鬼厘惦。 笑死,一個胖子當著我的面吹牛循头,可吹牛的內(nèi)容都是我干的绵估。 我是一名探鬼主播,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼卡骂,長吁一口氣:“原來是場噩夢啊……” “哼国裳!你這毒婦竟也來了?” 一聲冷哼從身側響起全跨,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤缝左,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后浓若,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體渺杉,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年挪钓,在試婚紗的時候發(fā)現(xiàn)自己被綠了是越。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡碌上,死狀恐怖倚评,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情馏予,我是刑警寧澤天梧,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站霞丧,受9級特大地震影響呢岗,放射性物質發(fā)生泄漏。R本人自食惡果不足惜蛹尝,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一后豫、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧箩言,春花似錦硬贯、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至务漩,卻和暖如春拄衰,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背饵骨。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工翘悉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人居触。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓妖混,卻偏偏與公主長得像老赤,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子制市,可洞房花燭夜當晚...
    茶點故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內(nèi)容