Windows下Charles安裝使用

一香追、抓包概述

1. 抓包概念

抓包是將網絡傳輸發(fā)送與接收的數(shù)據(jù)包進行截獲合瓢、重發(fā)、編輯透典、轉存等操作歪玲,也用來檢查網絡安全等。下面小編就介紹幾種抓包軟件掷匠。

2. 常見抓包工具

Charles、fiddler岖圈、wireShark

軟件名稱 簡介 獨 立運行 支持移動設備 是否收費
Fiddler 免費的HTTP查看工具讹语,系統(tǒng)代理,工作在應用層
Charles HTTP代理蜂科、HTTP監(jiān)控顽决、HTTP反代理、查看HTTP通訊导匣、查看工作信息工具 收費版/免費版
Wireshark 半免費才菠,網絡抓包、監(jiān)聽網卡贡定,工作在網絡接口層
HttpWatch 集成到IE赋访、Chrome中的網頁數(shù)據(jù)分析工具 基礎版/專業(yè)版
BurpSuite Http代理。是用于攻擊web應用程序的集成平臺缓待,包含了許多工具:抓包蚓耽、掃漏、爆破等旋炒。黑客必備工具之一

測試為什么要學習Charles抓包步悠?

  1. 能夠使用Charles來分析前后端問題
  2. 能夠使用Charles模擬弱網測試環(huán)境
  3. 能夠使用Charles的斷點構建異常的測試場景

一、Charles簡介

1. 什么是Charles

  • Charles中文名字青花瓷瘫镇,是一款Http代理服務器和Http監(jiān)視器鼎兽,當移動端在無線網連接中按要求設置好代理服務器,使所有對網絡的請求都經過Charles客戶端來轉發(fā)時铣除,Charles可以監(jiān)控這個客戶端各個程序所有連接互聯(lián)網的Http通信谚咬。
  • 特點:跨平臺、半免費
  • 免費版本:一是啟動等待十秒才能啟動尚粘,二是半小時重啟一次

2. Charles工作原理

2.1 原理

截獲真實客戶端的HTTPS請求序宦,偽裝客戶端向真實服務端發(fā)送HTTPS請求
接受真實服務器響應,用Charles自己的證書偽裝服務端向真實客戶端發(fā)送數(shù)據(jù)內容

2.2 原理圖
image
2.3 原理案例

租房子 房客 中介 房東
前置步驟:
(1)需要運行Charles并配置代理
(2)在客戶端上面需要配置代理
步驟:
(1)有客戶端發(fā)送請求
(2)Charles接受再發(fā)送給服務端
(3)服務端返回請求結果給Charles
(4)由Charles轉發(fā)給客戶端

3. Charles主要功能

  • 支持HTTP/HTTPS代理
  • 支持流量控制
  • 支持接口并發(fā)請求
  • 支持重發(fā)網絡請求,方便后端調試
  • 支持斷點調試
  • 支持修改網絡請求參數(shù)
  • 支持網絡請求的截獲并動態(tài)修改
  • 支持模擬慢速網絡

4. Charles優(yōu)點(相對Fiddler)

  • Charles能夠支持Linux互捌、macOS潘明,fiddler不支持
  • Charles支持按域名和按接口查看報文,簡潔明了
  • Charles支持反向代理秕噪,fiddler不支持
  • Charles網絡限速可選擇網絡類型钳降,選擇3G、4G腌巾、5G等
  • Charles可以解析AMF協(xié)議遂填,一般用不到

二 、安裝與配置

1. Charles安裝

官網下載:官網

image

雙擊澈蝙,下一步即可

image

2. Charles組件介紹

image
image

校驗是否符合w3c標準吓坚。

image
image

3. Charles設置

3.1 代理設置
image
image
3.2 Charles訪問控制
image
image

4. 客戶端設置

<meta charset="utf-8">

4.1 Windows代理設置
image

http://ihrm-test.itheima.net/

4.2 Android手機代理設置(見3.1)

三、實戰(zhàn)

3.1 抓取移動設備發(fā)送的Http請求

  1. 先將移動設備連接到Charles客戶端灯荧。首先在電腦中輸入cmd打開命令行窗口礁击,輸入ipconfig查看本機連接無線網絡的IP地址,這個地址作為移動設備連接Charles客戶端的代理地址

    image
  2. 打開Charles客戶端逗载,點擊Proxy->Proxy Settings菜單哆窿,可以設置移動設備連接到Charles的端口(8888),這樣移動設備代理配置需要的ip地址和端口號都有了厉斟。

    image
  3. 打開手機wifi挚躯,設置所連接的wifi的代理網絡;wifi代理設置為手動擦秽,代理的服務器ip填寫上一步驟中查看到的電腦ip码荔,端口填寫上一步驟提到的charles的服務端口:

    image
    image

注意:
①移動設備配置之后,第一次通過手機訪問手機中的發(fā)送請求時感挥,Charles會彈出提示框目胡,提示有設備嘗試連接到Charles,是否允許链快,如果不允許的話誉己,手機發(fā)送請求失敗,點擊Allow允許域蜗,這樣這個設備的IP地址就會添加到允許列表中巨双,如果錯誤點擊了Deny可以重啟Charles會再此提示,或者通過Proxy->Access Control Settings手動添加地址霉祸,如果不想每個設備連接Charles都要點擊允許的話筑累,可以添加0.0.0.0/0允許所有設備連接到Charles。
②手機與電腦必須連接同一個WiFi
③不要勾選Proxy → SSL Proxying setting 中的Enable SSL Proxying
④Charles是通過將自己設置成代理服務器來完成抓包的丝蹭,勾選系統(tǒng)代理后慢宗,本地系統(tǒng)(如果通過瀏覽器發(fā)送請求)發(fā)送出去的請求都能被截取下來。因此,如果想只抓取手機APP發(fā)送的請求的話镜沽,可以不勾選WindowsProxy選項敏晤,這樣在測試時就不會被本機Http請求所干擾。

image

⑤如果想要抓取瀏覽器發(fā)送的請求包缅茉,勾選WindowsProxy選項之后還是抓取失敗嘴脾,可能是瀏覽器沒有設置成使用系統(tǒng)的代理服務器,只要設置成使用系統(tǒng)的代理服務器蔬墩,或者將瀏覽器的代理服務器設置成127.0.0.1:8888也可以成功译打。

  1. 啟動手機,打開軟件拇颅,就可以進行聯(lián)網抓包測試
    Charles提供兩種查看封包的頁簽奏司,一個是Structure(結構),另一個是Sequence(序列)樟插,Structure用來將訪問請求按訪問的域名分類韵洋,Sequence用來將請求按訪問的時間排序。任何程序都可以在Charles中的Structure窗口中看到訪問的域名岸夯。

    image

四、證書安裝

1. 為什么要安裝證書

我們以前抓包都是抓取的是HTTP的請求们妥,如果抓取HTTPS就會亂碼猜扮,并不是沒有抓取到,見下圖:

image

怎么解決呢监婶?安裝證書

2. Windows證書安裝

image
image
image
image
image
image
image

3. Charles證書導出

1旅赢、打開charles
2、選擇help-ssl proxying
3惑惶、save
4煮盼、選擇存放路徑以及證書名

4. charls證書導入

IE瀏覽器:設置 → Internet選項 → 內容 → 證書 → 導入 → 下一步 → 選擇證書 → 選擇所有證書都放入下列存儲(P) → 瀏覽,選擇“受信任的根證書頒發(fā)機構” → 下一步 → 完成带污。
chrome瀏覽器:設置 → 管理證書(安全) → 導入 → 下一步 → 選擇證書 → 選擇所有證書都放入下列存儲(P) → 瀏覽僵控,選擇“受信任的根證書頒發(fā)機構” → 下一步 → 完成。

5. Chales HTTPS代理配置

證書安裝之后發(fā)現(xiàn)還是亂碼和unknown鱼冀,需要配置代理

image
image

五报破、Charles常用功能

1. 過濾不必要的網絡包

在抓取手機發(fā)送的請求時,有許多請求包是對圖片等不需要關注的資源的請求千绪,我們只想對指定目錄服務器上發(fā)送的請求進行抓取充易,這時候就可以通過過濾網絡包的方式實現(xiàn)。有兩種實現(xiàn)方式:
1)選擇Proxy->Recording Settings菜單荸型,然后在include欄添加需要抓取包的指定服務器請求協(xié)議盹靴、地址、端口號,也可以在exclude欄添加不抓取包的地址稿静。

image
image

include:能抓取到的
exclude:不能抓取到的
2)在主界面的中部的 Filter 欄中填入需要過濾出來的關鍵字梭冠。例如我們的服務器的地址是:http://blog.csdn.net, 那么只需要在 Filter 欄中填入 csdn 即可。
注意:通常情況下自赔,我們使用方法一做一些臨時性的封包過濾妈嘹,使用方法二做一些經常性的封包過濾。

2. 斷點替換/修改數(shù)據(jù)

2.1. 斷點的作用:用來構建異常的測試場景

2.2. 步驟:

方式一:

  1. 右擊接口鏈接绍妨,選擇“BreakPoints”

    image
  2. 在瀏覽器刷新對應接口的頁面

  3. 此時會自動跳轉到Charles并顯示出接口請求信息

  4. 點擊“Edit Request”润脸,修改請求信息,點擊“Execute”

    image
  5. 點擊“Edit Response”

  6. 在數(shù)據(jù)格式蘭中選擇合適的顯示格式他去,比如“json”

  7. 修改對應的數(shù)據(jù)毙驯,點擊“Execute”

  8. 回到瀏覽器查看數(shù)據(jù)應該為修改之后的response的信息
    方式二:

  • Proxy → Breakpoint settings...中手動新建/啟用某個斷點;
    要求勾選enable breakpoints之后當下次再有該請求時,會自動進入斷點模式

    image
    image
  • 新建斷點

    image

3. 模擬慢網速

  • 為什么要做模擬慢網速

  • 不是所有的地方網絡都好,所以要模擬慢網速灾测。主要用在App端爆价,因為PC一般都是寬帶聯(lián)網,而App哪里都有可能去媳搪。比如铭段,測試上廁所

    image

4. 壓測服務器

依次點擊tools—Repeat Advanced
選擇好并發(fā)線程數(shù)和打壓次數(shù),點擊ok就能進行對產品的GET和POST請求進行測試服務器并發(fā)處理的性能秦爆,當然這里只是簡單的進行壓測序愚,并且只能對Charles抓到的http協(xié)議的請求進行重復并發(fā),缺點就是如TCP類的抓不到的就不能了等限,算是個小小的缺陷吧爸吮。

image

5 . 模擬404

1、tools——>blacklist

image

2望门、 允許啟用黑名單功能形娇,選擇接口返回錯誤的形式(404 或者403),添加接口地址并保存

image

【blocking connection】 選項可以選擇“drop connection”或者 “403 respose”.前者接口會直接返回404錯誤筹误,后者接口返回403錯誤
3桐早、 選中需要返回404/403的接口,點擊【ok】

image

作者:Anwfly
鏈接:http://www.reibang.com/p/9d8b5226e88a
來源:簡書
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權厨剪,非商業(yè)轉載請注明出處勘畔。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市丽惶,隨后出現(xiàn)的幾起案子炫七,更是在濱河造成了極大的恐慌,老刑警劉巖钾唬,帶你破解...
    沈念sama閱讀 211,948評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件万哪,死亡現(xiàn)場離奇詭異侠驯,居然都是意外死亡,警方通過查閱死者的電腦和手機奕巍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評論 3 385
  • 文/潘曉璐 我一進店門吟策,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人的止,你說我怎么就攤上這事檩坚。” “怎么了诅福?”我有些...
    開封第一講書人閱讀 157,490評論 0 348
  • 文/不壞的土叔 我叫張陵匾委,是天一觀的道長。 經常有香客問我氓润,道長赂乐,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,521評論 1 284
  • 正文 為了忘掉前任咖气,我火速辦了婚禮挨措,結果婚禮上,老公的妹妹穿的比我還像新娘崩溪。我一直安慰自己浅役,他們只是感情好,可當我...
    茶點故事閱讀 65,627評論 6 386
  • 文/花漫 我一把揭開白布伶唯。 她就那樣靜靜地躺著觉既,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抵怎。 梳的紋絲不亂的頭發(fā)上奋救,一...
    開封第一講書人閱讀 49,842評論 1 290
  • 那天岭参,我揣著相機與錄音反惕,去河邊找鬼。 笑死演侯,一個胖子當著我的面吹牛姿染,可吹牛的內容都是我干的。 我是一名探鬼主播秒际,決...
    沈念sama閱讀 38,997評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼悬赏,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了娄徊?” 一聲冷哼從身側響起闽颇,我...
    開封第一講書人閱讀 37,741評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎寄锐,沒想到半個月后兵多,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體尖啡,經...
    沈念sama閱讀 44,203評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,534評論 2 327
  • 正文 我和宋清朗相戀三年剩膘,在試婚紗的時候發(fā)現(xiàn)自己被綠了衅斩。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,673評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡怠褐,死狀恐怖畏梆,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情奈懒,我是刑警寧澤奠涌,帶...
    沈念sama閱讀 34,339評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站筐赔,受9級特大地震影響铣猩,放射性物質發(fā)生泄漏。R本人自食惡果不足惜茴丰,卻給世界環(huán)境...
    茶點故事閱讀 39,955評論 3 313
  • 文/蒙蒙 一达皿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧贿肩,春花似錦峦椰、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至溜哮,卻和暖如春滔金,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背茂嗓。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評論 1 266
  • 我被黑心中介騙來泰國打工餐茵, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人述吸。 一個月前我還...
    沈念sama閱讀 46,394評論 2 360
  • 正文 我出身青樓忿族,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蝌矛。 傳聞我的和親對象是個殘疾皇子道批,可洞房花燭夜當晚...
    茶點故事閱讀 43,562評論 2 349

推薦閱讀更多精彩內容

  • Charles 主要的功能包括下面這些: 截取 Http 和 Https 網絡封包。支持重發(fā)網絡請求入撒,方便后端調試...
    兜里有糖君莫笑閱讀 1,338評論 0 0
  • 簡介 正常情況下隆豹,Chrome DevTool已經滿足了日常web開發(fā)的需求,但是有的特性:編輯request參數(shù)...
    小小的開發(fā)人員閱讀 87,513評論 8 96
  • 簡介 正常情況下茅逮,Chrome DevTool已經滿足了日常web開發(fā)的需求璃赡,但是有的特性:編輯request參數(shù)...
    你好8828閱讀 1,201評論 0 0
  • 我們在開發(fā)網站項目的時候簿煌,我們可以通過瀏覽器的debug模式來看request以及response的數(shù)據(jù),那么如果...
    MR_LiY閱讀 139,574評論 3 100
  • 前言 1鉴吹、工具的選擇 抓包方式有多種(Charles姨伟、Fiddler、Spy-debugger豆励、Wireshar...
    愛你呢閱讀 3,098評論 0 3