一、抓包概述

1. 抓包概念

抓包是將網(wǎng)絡(luò)傳輸發(fā)送與接收的數(shù)據(jù)包進(jìn)行截獲、重發(fā)、編輯、轉(zhuǎn)存等操作，也用來檢查網(wǎng)絡(luò)安全等。下面小編就介紹幾種抓包軟件。

2. 常見抓包工具

Charles、fiddler、wireShark

測(cè)試為什么要學(xué)習(xí)Charles抓包？

1. 能夠使用Charles來分析前后端問題
2. 能夠使用Charles模擬弱網(wǎng)測(cè)試環(huán)境
3. 能夠使用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)過Charles客戶端來轉(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 原理圖

image

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

雙擊，下一步即可

image

2. Charles組件介紹

image

image

校驗(yàn)是否符合w3c標(biāo)準(zhǔn)。

image

image

3. Charles設(shè)置

3.1 代理設(shè)置

image

image

3.2 Charles訪問控制

image

image

4. 客戶端設(shè)置

4.1 Windows代理設(shè)置

image

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

4.2 Android手機(jī)代理設(shè)置（見3.1）

三、實(shí)戰(zhàn)

3.1 抓取移動(dòng)設(shè)備發(fā)送的Http請(qǐng)求

1. 先將移動(dòng)設(shè)備連接到Charles客戶端。首先在電腦中輸入cmd打開命令行窗口，輸入ipconfig查看本機(jī)連接無(wú)線網(wǎng)絡(luò)的IP地址，這個(gè)地址作為移動(dòng)設(shè)備連接Charles客戶端的代理地址

   image

2. 打開Charles客戶端，點(diǎn)擊Proxy->Proxy Settings菜單，可以設(shè)置移動(dòng)設(shè)備連接到Charles的端口（8888），這樣移動(dòng)設(shè)備代理配置需要的ip地址和端口號(hào)都有了。

   image

3. 打開手機(jī)wifi，設(shè)置所連接的wifi的代理網(wǎng)絡(luò)；wifi代理設(shè)置為手動(dòng)，代理的服務(wù)器ip填寫上一步驟中查看到的電腦ip，端口填寫上一步驟提到的charles的服務(wù)端口：

   image
   image

注意：
①移動(dòng)設(shè)備配置之后，第一次通過手機(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ì)再此提示，或者通過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是通過將自己設(shè)置成代理服務(wù)器來完成抓包的，勾選系統(tǒng)代理后，本地系統(tǒng)（如果通過瀏覽器發(fā)送請(qǐng)求）發(fā)送出去的請(qǐng)求都能被截取下來。因此，如果想只抓取手機(jī)APP發(fā)送的請(qǐng)求的話，可以不勾選WindowsProxy選項(xiàng)，這樣在測(cè)試時(shí)就不會(huì)被本機(jī)Http請(qǐng)求所干擾。

image

⑤如果想要抓取瀏覽器發(fā)送的請(qǐng)求包，勾選WindowsProxy選項(xiàng)之后還是抓取失敗，可能是瀏覽器沒有設(shè)置成使用系統(tǒng)的代理服務(wù)器，只要設(shè)置成使用系統(tǒng)的代理服務(wù)器，或者將瀏覽器的代理服務(wù)器設(shè)置成127.0.0.1:8888也可以成功。

4. 啟動(dòng)手機(jī)，打開軟件，就可以進(jìn)行聯(lián)網(wǎng)抓包測(cè)試
   Charles提供兩種查看封包的頁(yè)簽，一個(gè)是Structure（結(jié)構(gòu)），另一個(gè)是Sequence（序列），Structure用來將訪問請(qǐng)求按訪問的域名分類，Sequence用來將請(qǐng)求按訪問的時(shí)間排序。任何程序都可以在Charles中的Structure窗口中看到訪問的域名。

   image

四、證書安裝

1. 為什么要安裝證書

我們以前抓包都是抓取的是HTTP的請(qǐng)求，如果抓取HTTPS就會(huì)亂碼，并不是沒有抓取到，見下圖：

image

怎么解決呢？安裝證書

2. Windows證書安裝

image

image

image

image

image

image

image

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

image

五、Charles常用功能

1. 過濾不必要的網(wǎng)絡(luò)包

在抓取手機(jī)發(fā)送的請(qǐng)求時(shí)，有許多請(qǐng)求包是對(duì)圖片等不需要關(guān)注的資源的請(qǐng)求，我們只想對(duì)指定目錄服務(wù)器上發(fā)送的請(qǐng)求進(jìn)行抓取，這時(shí)候就可以通過過濾網(wǎng)絡(luò)包的方式實(shí)現(xiàn)。有兩種實(shí)現(xiàn)方式：
1）選擇Proxy->Recording Settings菜單，然后在include欄添加需要抓取包的指定服務(wù)器請(qǐng)求協(xié)議、地址、端口號(hào)，也可以在exclude欄添加不抓取包的地址。

image

image

include：能抓取到的
exclude：不能抓取到的
2）在主界面的中部的 Filter 欄中填入需要過濾出來的關(guān)鍵字。例如我們的服務(wù)器的地址是：http://blog.csdn.net, 那么只需要在 Filter 欄中填入 csdn 即可。
注意：通常情況下，我們使用方法一做一些臨時(shí)性的封包過濾，使用方法二做一些經(jīng)常性的封包過濾。

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

2.1. 斷點(diǎn)的作用：用來構(gòu)建異常的測(cè)試場(chǎng)景

2.2. 步驟：

方式一：

1. 右擊接口鏈接，選擇“BreakPoints”

   image

2. 在瀏覽器刷新對(duì)應(yīng)接口的頁(yè)面

3. 此時(shí)會(huì)自動(dòng)跳轉(zhuǎn)到Charles并顯示出接口請(qǐng)求信息

4. 點(diǎn)擊“Edit Request”，修改請(qǐng)求信息，點(diǎn)擊“Execute”

   image

5. 點(diǎn)擊“Edit Response”

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

7. 修改對(duì)應(yīng)的數(shù)據(jù)，點(diǎn)擊“Execute”

8. 回到瀏覽器查看數(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
  image

• 新建斷點(diǎn)

  image

3. 模擬慢網(wǎng)速

• 為什么要做模擬慢網(wǎng)速
  不是所有的地方網(wǎng)絡(luò)都好，所以要模擬慢網(wǎng)速。主要用在App端，因?yàn)镻C一般都是寬帶聯(lián)網(wǎng)，而App哪里都有可能去。比如，測(cè)試上廁所

  image

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

5 . 模擬404

1、tools——>blacklist

image

2、 允許啟用黑名單功能，選擇接口返回錯(cuò)誤的形式（404 或者403），添加接口地址并保存

image

<meta charset="utf-8">

【blocking connection】 選項(xiàng)可以選擇“drop connection”或者 “403 respose”.前者接口會(huì)直接返回404錯(cuò)誤，后者接口返回403錯(cuò)誤
3、 選中需要返回404/403的接口,點(diǎn)擊【ok】

image

作者：XiaoQu
鏈接：http://www.itdecent.cn/u/21209aff37c1
來源：簡(jiǎn)書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。