一、抓包概述
1. 抓包概念
抓包是將網(wǎng)絡(luò)傳輸發(fā)送與接收的數(shù)據(jù)包進(jìn)行截獲南誊、重發(fā)敢辩、編輯、轉(zhuǎn)存等操作弟疆，也用來(lái)檢查網(wǎng)絡(luò)安全等戚长。下面小編就介紹幾種抓包軟件。
2. 常見抓包工具
Charles怠苔、fiddler同廉、wireShark
軟件名稱簡(jiǎn)介獨(dú)? 立運(yùn)行支持移動(dòng)設(shè)備是否收費(fèi)
Fiddler免費(fèi)的HTTP查看工具，系統(tǒng)代理，工作在應(yīng)用層是是否
CharlesHTTP代理迫肖、HTTP監(jiān)控锅劝、HTTP反代理、查看HTTP通訊蟆湖、查看工作信息工具是是收費(fèi)版/免費(fèi)版
Wireshark半免費(fèi)故爵，網(wǎng)絡(luò)抓包、監(jiān)聽網(wǎng)卡隅津，工作在網(wǎng)絡(luò)接口層是否否
HttpWatch集成到IE诬垂、Chrome中的網(wǎng)頁(yè)數(shù)據(jù)分析工具否否基礎(chǔ)版/專業(yè)版
BurpSuiteHttp代理。是用于攻擊web應(yīng)用程序的集成平臺(tái)伦仍，包含了許多工具：抓包结窘、掃漏、爆破等充蓝。黑客必備工具之一是是是
測(cè)試為什么要學(xué)習(xí)Charles抓包隧枫？
能夠使用Charles來(lái)分析前后端問題
能夠使用Charles模擬弱網(wǎng)測(cè)試環(huán)境
能夠使用Charles的斷點(diǎn)構(gòu)建異常的測(cè)試場(chǎng)景
一、Charles簡(jiǎn)介
1. 什么是Charles
Charles中文名字青花瓷谓苟，是一款Http代理服務(wù)器和Http監(jiān)視器官脓，當(dāng)移動(dòng)端在無(wú)線網(wǎng)連接中按要求設(shè)置好代理服務(wù)器，使所有對(duì)網(wǎng)絡(luò)的請(qǐng)求都經(jīng)過(guò)Charles客戶端來(lái)轉(zhuǎn)發(fā)時(shí)涝焙，Charles可以監(jiān)控這個(gè)客戶端各個(gè)程序所有連接互聯(lián)網(wǎng)的Http通信卑笨。
特點(diǎn)：跨平臺(tái)、半免費(fèi)
免費(fèi)版本：一是啟動(dòng)等待十秒才能啟動(dòng)纱皆，二是半小時(shí)重啟一次
2. Charles工作原理
2.1 原理
截獲真實(shí)客戶端的HTTPS請(qǐng)求湾趾，偽裝客戶端向真實(shí)服務(wù)端發(fā)送HTTPS請(qǐng)求
接受真實(shí)服務(wù)器響應(yīng)，用Charles自己的證書偽裝服務(wù)端向真實(shí)客戶端發(fā)送數(shù)據(jù)內(nèi)容
2.2 原理圖
Charles原理圖.png
2.3 原理案例
租房子? 房客? ? 中介? 房東
前置步驟：
（1）需要運(yùn)行Charles并配置代理
（2）在客戶端上面需要配置代理
步驟：
（1）有客戶端發(fā)送請(qǐng)求
（2）Charles接受再發(fā)送給服務(wù)端
（3）服務(wù)端返回請(qǐng)求結(jié)果給Charles
（4）由Charles轉(zhuǎn)發(fā)給客戶端
3. Charles主要功能
支持HTTP/HTTPS代理
支持流量控制
支持接口并發(fā)請(qǐng)求
支持重發(fā)網(wǎng)絡(luò)請(qǐng)求派草，方便后端調(diào)試
支持?jǐn)帱c(diǎn)調(diào)試
支持修改網(wǎng)絡(luò)請(qǐng)求參數(shù)
支持網(wǎng)絡(luò)請(qǐng)求的截獲并動(dòng)態(tài)修改
支持模擬慢速網(wǎng)絡(luò)
4. Charles優(yōu)點(diǎn)（相對(duì)Fiddler）
Charles能夠支持Linux搀缠、macOS，fiddler不支持
Charles支持按域名和按接口查看報(bào)文近迁，簡(jiǎn)潔明了
Charles支持反向代理艺普，fiddler不支持
Charles網(wǎng)絡(luò)限速可選擇網(wǎng)絡(luò)類型，選擇3G鉴竭、4G歧譬、5G等
Charles可以解析AMF協(xié)議，一般用不到
二 搏存、安裝與配置
1. Charles安裝
官網(wǎng)下載：官網(wǎng)
image.png
雙擊栅干，下一步即可
image.png
2. Charles組件介紹
image.png
image.png
校驗(yàn)是否符合w3c標(biāo)準(zhǔn)炼七。
image.png
請(qǐng)求數(shù)據(jù)欄.png
3. Charles設(shè)置
3.1 代理設(shè)置
image.png
image.png
3.2 Charles訪問控制
image.png
image.png
4. 客戶端設(shè)置
4.1 Windows代理設(shè)置
image.png
4.2 Android手機(jī)代理設(shè)置（見3.1）
三、實(shí)戰(zhàn)
3.1 抓取移動(dòng)設(shè)備發(fā)送的Http請(qǐng)求
先將移動(dòng)設(shè)備連接到Charles客戶端症脂。首先在電腦中輸入cmd打開命令行窗口禁荒，輸入ipconfig查看本機(jī)連接無(wú)線網(wǎng)絡(luò)的IP地址，這個(gè)地址作為移動(dòng)設(shè)備連接Charles客戶端的代理地址
image.png
打開Charles客戶端，點(diǎn)擊Proxy->Proxy Settings菜單，可以設(shè)置移動(dòng)設(shè)備連接到Charles的端口（8888）盖桥，這樣移動(dòng)設(shè)備代理配置需要的ip地址和端口號(hào)都有了。
image.png
打開手機(jī)wifi题翻，設(shè)置所連接的wifi的代理網(wǎng)絡(luò)揩徊；wifi代理設(shè)置為手動(dòng)，代理的服務(wù)器ip填寫上一步驟中查看到的電腦ip嵌赠，端口填寫上一步驟提到的charles的服務(wù)端口：
image.png
image.png
注意：
①移動(dòng)設(shè)備配置之后塑荒，第一次通過(guò)手機(jī)訪問手機(jī)中的發(fā)送請(qǐng)求時(shí)，Charles會(huì)彈出提示框猾普，提示有設(shè)備嘗試連接到Charles袜炕，是否允許本谜，如果不允許的話初家，手機(jī)發(fā)送請(qǐng)求失敗，點(diǎn)擊Allow允許乌助，這樣這個(gè)設(shè)備的IP地址就會(huì)添加到允許列表中溜在，如果錯(cuò)誤點(diǎn)擊了Deny可以重啟Charles會(huì)再此提示，或者通過(guò)Proxy->Access Control Settings手動(dòng)添加地址他托，如果不想每個(gè)設(shè)備連接Charles都要點(diǎn)擊允許的話掖肋，可以添加0.0.0.0/0允許所有設(shè)備連接到Charles。
②手機(jī)與電腦必須連接同一個(gè)WiFi
③不要勾選Proxy → SSL Proxying setting 中的Enable SSL Proxying
④Charles是通過(guò)將自己設(shè)置成代理服務(wù)器來(lái)完成抓包的赏参，勾選系統(tǒng)代理后志笼，本地系統(tǒng)（如果通過(guò)瀏覽器發(fā)送請(qǐng)求）發(fā)送出去的請(qǐng)求都能被截取下來(lái)。因此把篓，如果想只抓取手機(jī)APP發(fā)送的請(qǐng)求的話纫溃，可以不勾選WindowsProxy選項(xiàng)，這樣在測(cè)試時(shí)就不會(huì)被本機(jī)Http請(qǐng)求所干擾韧掩。
image.png
⑤如果想要抓取瀏覽器發(fā)送的請(qǐng)求包紊浩，勾選WindowsProxy選項(xiàng)之后還是抓取失敗，可能是瀏覽器沒有設(shè)置成使用系統(tǒng)的代理服務(wù)器疗锐，只要設(shè)置成使用系統(tǒng)的代理服務(wù)器坊谁，或者將瀏覽器的代理服務(wù)器設(shè)置成127.0.0.1:8888也可以成功。
啟動(dòng)手機(jī)滑臊，打開軟件口芍，就可以進(jìn)行聯(lián)網(wǎng)抓包測(cè)試
Charles提供兩種查看封包的頁(yè)簽，一個(gè)是Structure（結(jié)構(gòu)）雇卷，另一個(gè)是Sequence（序列）鬓椭，Structure用來(lái)將訪問請(qǐng)求按訪問的域名分類虹钮，Sequence用來(lái)將請(qǐng)求按訪問的時(shí)間排序。任何程序都可以在Charles中的Structure窗口中看到訪問的域名膘融。
image.png
四芙粱、證書安裝
1. 為什么要安裝證書
我們以前抓包都是抓取的是HTTP的請(qǐng)求，如果抓取HTTPS就會(huì)亂碼氧映，并不是沒有抓取到春畔，見下圖：
image.png
怎么解決呢？安裝證書
2. Windows證書安裝
image.png
image.png
image.png
image.png
image.png
image.png
image.png
3. Charles證書導(dǎo)出
1岛都、打開charles
2律姨、選擇help-ssl proxying
3、save
4臼疫、選擇存放路徑以及證書名
4. charls證書導(dǎo)入
IE瀏覽器：設(shè)置 → Internet選項(xiàng) → 內(nèi)容 → 證書 → 導(dǎo)入 → 下一步 → 選擇證書 → 選擇所有證書都放入下列存儲(chǔ)(P) → 瀏覽择份，選擇“受信任的根證書頒發(fā)機(jī)構(gòu)” → 下一步 → 完成。
chrome瀏覽器：設(shè)置 → 管理證書（安全） → 導(dǎo)入 → 下一步 → 選擇證書 → 選擇所有證書都放入下列存儲(chǔ)(P) → 瀏覽烫堤，選擇“受信任的根證書頒發(fā)機(jī)構(gòu)” → 下一步 → 完成荣赶。
5. Chales HTTPS代理配置
證書安裝之后發(fā)現(xiàn)還是亂碼和unknown，需要配置代理
image.png
image.png
五鸽斟、Charles常用功能
1. 過(guò)濾不必要的網(wǎng)絡(luò)包
在抓取手機(jī)發(fā)送的請(qǐng)求時(shí)拔创，有許多請(qǐng)求包是對(duì)圖片等不需要關(guān)注的資源的請(qǐng)求，我們只想對(duì)指定目錄服務(wù)器上發(fā)送的請(qǐng)求進(jìn)行抓取富蓄，這時(shí)候就可以通過(guò)過(guò)濾網(wǎng)絡(luò)包的方式實(shí)現(xiàn)剩燥。有兩種實(shí)現(xiàn)方式：
1）選擇Proxy->Recording Settings菜單，然后在include欄添加需要抓取包的指定服務(wù)器請(qǐng)求協(xié)議立倍、地址灭红、端口號(hào)，也可以在exclude欄添加不抓取包的地址口注。
image.png
image.png
include：能抓取到的
exclude：不能抓取到的
2）在主界面的中部的 Filter 欄中填入需要過(guò)濾出來(lái)的關(guān)鍵字变擒。例如我們的服務(wù)器的地址是：http://blog.csdn.net, 那么只需要在 Filter 欄中填入 csdn 即可。
注意：通常情況下疆导，我們使用方法一做一些臨時(shí)性的封包過(guò)濾赁项，使用方法二做一些經(jīng)常性的封包過(guò)濾。
2. 斷點(diǎn)替換/修改數(shù)據(jù)
2.1. 斷點(diǎn)的作用：用來(lái)構(gòu)建異常的測(cè)試場(chǎng)景
2.2. 步驟：
方式一：
右擊接口鏈接澈段，選擇“BreakPoints”
image.png
在瀏覽器刷新對(duì)應(yīng)接口的頁(yè)面
此時(shí)會(huì)自動(dòng)跳轉(zhuǎn)到Charles并顯示出接口請(qǐng)求信息
點(diǎn)擊“Edit Request”悠菜，修改請(qǐng)求信息，點(diǎn)擊“Execute”
image.png
點(diǎn)擊“Edit Response”
在數(shù)據(jù)格式蘭中選擇合適的顯示格式败富，比如“json”
修改對(duì)應(yīng)的數(shù)據(jù)悔醋，點(diǎn)擊“Execute”
回到瀏覽器查看數(shù)據(jù)應(yīng)該為修改之后的response的信息
方式二：
Proxy → Breakpoint settings...中手動(dòng)新建/啟用某個(gè)斷點(diǎn);
要求勾選enable breakpoints之后當(dāng)下次再有該請(qǐng)求時(shí),會(huì)自動(dòng)進(jìn)入斷點(diǎn)模式
image.png
image.png
新建斷點(diǎn)
image.png
3. 模擬慢網(wǎng)速
為什么要做模擬慢網(wǎng)速
不是所有的地方網(wǎng)絡(luò)都好，所以要模擬慢網(wǎng)速兽叮。主要用在App端芬骄，因?yàn)镻C一般都是寬帶聯(lián)網(wǎng)猾愿，而App哪里都有可能去。比如账阻，測(cè)試上廁所
image.png
4. 壓測(cè)服務(wù)器
依次點(diǎn)擊tools—Repeat Advanced
選擇好并發(fā)線程數(shù)和打壓次數(shù)蒂秘，點(diǎn)擊ok就能進(jìn)行對(duì)產(chǎn)品的GET和POST請(qǐng)求進(jìn)行測(cè)試服務(wù)器并發(fā)處理的性能，當(dāng)然這里只是簡(jiǎn)單的進(jìn)行壓測(cè)淘太，并且只能對(duì)Charles抓到的http協(xié)議的請(qǐng)求進(jìn)行重復(fù)并發(fā)姻僧，缺點(diǎn)就是如TCP類的抓不到的就不能了，算是個(gè)小小的缺陷吧蒲牧。
image.png
5 . 模擬404
1撇贺、tools——>blacklist
image.png
2、 允許啟用黑名單功能冰抢，選擇接口返回錯(cuò)誤的形式（404 或者403）松嘶，添加接口地址并保存
image.png
【blocking connection】 選項(xiàng)可以選擇“drop connection”或者 “403 respose”.前者接口會(huì)直接返回404錯(cuò)誤，后者接口返回403錯(cuò)誤
3挎扰、 選中需要返回404/403的接口,點(diǎn)擊【ok】
