接口抓包分析与Mock实战

缺乏、安全感 2024-03-16 13:32 129阅读 0赞

![在这里插入图片描述][21a8831a18a64c3cabad7c69a7af460b.jpeg_pic_center]

--------------------

#### 这里写目录标题 ####

*  一、知识点梳理
 *   *  1、接口抓包需要具备的能力
     *  2、接口抓包原理
 *  二、Charles 基础使用
 *  三、charles抓包分析
 *  四、Charles 使用
 *   *  1、过滤：Filter、Focus
     *  2、重发：Repeat、Repeat Advanced
     *  3、修改请求：Compose
     *  4、弱网：Throttle Settings
 *  五、Web 抓包练习
 *  六、App 抓包练习
 *  七、Mock 测试
 *   *  1、什么是 Mock 测试
     *  2、Mock 测试的价值与场景
     *  3、使用 Charles 完成 Mock 测试
     *  4、Rewrite练习
     *  5、Map Local练习
     *   *  1、选择要mock的接口，鼠标右键，save Response，修改响应数据
         *  2、鼠标右键，选择Map Local，进入设置界面，自动填写接口url相关数据，选择目标的本地数据
         *  3、Tools——Map Local，双击规则可以进入修改界面，勾选enable功能生效
         *  4、新的响应页面
     *  6、Map Remote练习
     *   *  1、选择要mock的接口，鼠标右键，选择Map Remote;
         *  2、进入设置界面，自动填写接口url相关数据，选择目标的本地数据，填写要转发的服务器的url信息
         *  3、Tools——Map Local，双击规则可以进入修改界面，勾选enable功能生效
         *  4、新的响应页面

## 一、知识点梳理 ##

> 如何定位 Bug 是前端产生还是后端产生的？  
> 没有接口文档的时候，如何获取接口信息？

### 1、接口抓包需要具备的能力 ###

代理功能：HTTP/HTTPs、SOCKS5。  
请求模拟工具：拼装请求、重放请求，重复请求。  
网络环境模拟：限速、超时、返回异常。  
Mock：请求修改、响应修改。  
Fake：用测试环境替代真实环境。

### 2、接口抓包原理 ###

![在这里插入图片描述][c18716071f334556a957c34042e63e08.png]

## 二、Charles 基础使用 ##

工具准备

> Charles 安装  
> 电脑端基础配置与证书配置完成  
> mumu 模拟器抓包配置完成

参考帖子：https://ceshiren.com/t/topic/21956

## 三、charles抓包分析 ##

抓取接口数据

> Overview：接口的大体情况  
> Content：请求信息和响应信息  
> 上半部分：请求，请求头信息，请求参数，cookie  
> 下半部分：响应，响应头信息，响应体（不同格式）

Summary：响应时间  
Chart：图标形式的资源情况展示  
Notes：写一些记录  
![在这里插入图片描述][69194f88c12c48dca73f72ce003368ad.png]

## 四、Charles 使用 ##

### 1、过滤：Filter、Focus ###

![在这里插入图片描述][57723960ad6648429f5bd329b4151d75.png]

### 2、重发：Repeat、Repeat Advanced ###

![在这里插入图片描述][ce7779fb6cde4dac81006ca53ba7958f.png]

### 3、修改请求：Compose ###

![在这里插入图片描述][d4dc7e755b604322947bf91d704bde38.png]

### 4、弱网：Throttle Settings ###

![在这里插入图片描述][36d4873837d34c31b981de8fa11b9ab5.png]

## 五、Web 抓包练习 ##

抓取雪球搜索接口数据  
![在这里插入图片描述][b127e6c009fc46d8bc22e39d8f391759.png]  
当有多个接口时，可以通过ctrl+f查找特定的接口，如下图

![在这里插入图片描述][0b5e83906f834775af2859928e7119b7.png]

![在这里插入图片描述][82c92a897b954136914200211c409ad6.png]

查看接口响应状态码与使用的协议版本  
![在这里插入图片描述][c6f47819f68d4d438d373c50bc911561.png]

查看请求参数与 json 格式的响应内容  
![在这里插入图片描述][e1340d2290154ce5ad76aaf7b6de2ab6.png]

编辑请求参数，把搜索内容替换为自己的名字，重新发送请求，查看响应内容  
![在这里插入图片描述][37d2643806e849aebd415ddef2909173.png]

快速过滤雪球域名的接口  
![在这里插入图片描述][aae8294c51824c51bc0eaf6034c65e83.png]

## 六、App 抓包练习 ##

抓取雪球搜索接口数据  
![在这里插入图片描述][8180daf8f2c54d2ba7dfb89d3cc96fd7.png]

查看请求参数与 json 格式的响应内容  
![在这里插入图片描述][c776240b4d6843cebadfb7ced2df8ef8.png]

设置重发 10 次，并发数量为 2，延迟时间为 500ms  
![在这里插入图片描述][dcfeded0d2df428a8898f98cc0efe17c.png]  
![在这里插入图片描述][876ca327ec074edfb0f6ab841a3b63ba.png]

进行弱网测试，选择弱网模式为 256 kbps

![在这里插入图片描述][70fd39f2c9264a2b9347c5e1651424f1.png]

## 七、Mock 测试 ##

### 1、什么是 Mock 测试 ###

在测试活动中，对于某些不容易构造或者不容易获取的比较复杂的数据/场景，用一个虚拟的对象(Mock对象)来创建用于测试的测试方法。  
![在这里插入图片描述][f0823b2c4b664beb9f3ad64ddf5f0b42.png]

### 2、Mock 测试的价值与场景 ###

价值：  
不依赖第三方数据。  
节省工作量。  
节省联调。

场景：  
前后端数据交互。  
第三方系统数据交互。  
硬件设备解耦。  
边界值测试。

![在这里插入图片描述][da1edb687c44425296f7157bc3efca81.png]

### 3、使用 Charles 完成 Mock 测试 ###

Rewrite：动态修改请求和响应中的数据；适用于全局修改或者修改内容简单的场景  
Map Local：对响应体进行复杂修改  
Map Remote：修改要访问的服务器地址；App 测试中，可以不用重新打包直接修改测试环境

使用雪球行情自选设置–股价提醒列表的接口。  
Rewrite：  
把列表中第一个股票名称改为自己的名字。  
把列表中第二个股票的代码改为 hogwarts。

### 4、Rewrite练习 ###

使用雪球设置热股榜列表的接口。  
Rewrite：  
把列表中第一个热股名称改为自己的名字。  
把列表中第二个热股名称改为其他的名字。

![在这里插入图片描述][3e62af799d7149e68aa2f1e5621961cc.png]  
![在这里插入图片描述][a4537bdc1853475daedd51f8e871aef4.png]

![在这里插入图片描述][b06238a29197481e90a274b5878fbbe0.png]  
![在这里插入图片描述][2d578bed1ff142ada20e87bac9c0761f.png]  
匹配所有以.json结尾的请求，下图所示  
![在这里插入图片描述][8b2891ecac384743b5ab9fd9ed7a2eaf.png]  
![在这里插入图片描述][43537ed913da43b6ad5776200763cef7.png]  
![在这里插入图片描述][d8c02391733040d09d1960928202824e.png]

### 5、Map Local练习 ###

使用雪球设置热门新闻列表的接口。  
![在这里插入图片描述][8e97e0fbf48b40d5b8dd47ea83b55107.png]

Map Local：  
把列表中第一个热股名称改为自己的名字。  
把列表中第二个热股名称改为其他的名字。

#### 1、选择要mock的接口，鼠标右键，save Response，修改响应数据 ####

#### 2、鼠标右键，选择Map Local，进入设置界面，自动填写接口url相关数据，选择目标的本地数据 ####

![在这里插入图片描述][f6984ab16e47461bac7b6ee78a96d116.png]

#### 3、Tools——Map Local，双击规则可以进入修改界面，勾选enable功能生效 ####

![在这里插入图片描述][9d4335388e934fa1806bbd4389c52d69.png]

#### 4、新的响应页面 ####

![在这里插入图片描述][553f7e0f857443e5b46a049f25138368.png]

### 6、Map Remote练习 ###

使用百度搜索接口。  
Map Remote：  
把接口重定向到搜狗接口上。  
百度会展示警告弹窗，注意 Charles 中抓到的接口数据

![在这里插入图片描述][c558a14f4e5e4ddfa24c99107b6f2c1b.png]

#### 1、选择要mock的接口，鼠标右键，选择Map Remote; ####

#### 2、进入设置界面，自动填写接口url相关数据，选择目标的本地数据，填写要转发的服务器的url信息 ####

![在这里插入图片描述][d724e7591ded46b6822cb98096a0f569.png]

#### 3、Tools——Map Local，双击规则可以进入修改界面，勾选enable功能生效 ####

![在这里插入图片描述][b72fb6ba7ada49cfbbc51422e22c965f.png]

#### 4、新的响应页面 ####

![在这里插入图片描述][56fbb875f6c94a2eaf4dae963851b19a.png]

[21a8831a18a64c3cabad7c69a7af460b.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/ae09b3ca920e419a806f7e3ad577cb18.png
[c18716071f334556a957c34042e63e08.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/016122aefa8e4739bcdba751f2d6eeb2.png
[69194f88c12c48dca73f72ce003368ad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/8accccf7b3c843118b4c3080ed5fa6e4.png
[57723960ad6648429f5bd329b4151d75.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/d651b88b19ea4e8d85c97f87fd9a5518.png
[ce7779fb6cde4dac81006ca53ba7958f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/31f0bcea9a0942d5a6ea44d75d6d6a98.png
[d4dc7e755b604322947bf91d704bde38.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/9ad9eb6bb7de41668c4445fe33960519.png
[36d4873837d34c31b981de8fa11b9ab5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/a52696b28fa74819b2e2e035d2c94905.png
[b127e6c009fc46d8bc22e39d8f391759.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/7abb29c5684c4fccb7b4705f65b1bbb3.png
[0b5e83906f834775af2859928e7119b7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/c31cce1e14b04a9a8bccc2d1d9dbce39.png
[82c92a897b954136914200211c409ad6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/79a71d67af1346dea4310a7005d24cda.png
[c6f47819f68d4d438d373c50bc911561.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/fd17df8c5d404d49b486a465910a336e.png
[e1340d2290154ce5ad76aaf7b6de2ab6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/c7625bf954c34c24ad9e1807b3643294.png
[37d2643806e849aebd415ddef2909173.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/8499d2dda2f84eca90870244dc772e76.png
[aae8294c51824c51bc0eaf6034c65e83.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/4ee7107188b14d848c8168c1cce28a5e.png
[8180daf8f2c54d2ba7dfb89d3cc96fd7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/faf53b79a870480e93d2d773e40ef5b7.png
[c776240b4d6843cebadfb7ced2df8ef8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/bd239639aaf44b6794e05ae2e28ac6e2.png
[dcfeded0d2df428a8898f98cc0efe17c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/63e349f14ddb468d912fedc9e7ad682c.png
[876ca327ec074edfb0f6ab841a3b63ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/1f621e98aa124249948d546546e127af.png
[70fd39f2c9264a2b9347c5e1651424f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/e632a8d8c30b4b338ef7c5e21ecfa99a.png
[f0823b2c4b664beb9f3ad64ddf5f0b42.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/17f454333596483da4ca93e2da772aa1.png
[da1edb687c44425296f7157bc3efca81.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/3351dbf3ee18456696823d786cb30d91.png
[3e62af799d7149e68aa2f1e5621961cc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/bb243d18486a41d28483b98de0e9053c.png
[a4537bdc1853475daedd51f8e871aef4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/2eb8ca3bb378458883a39c4b928cee11.png
[b06238a29197481e90a274b5878fbbe0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/8161ecb68c9740b2b587954feb17b67c.png
[2d578bed1ff142ada20e87bac9c0761f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/e4ad5fd491534c458913788deddba0ed.png
[8b2891ecac384743b5ab9fd9ed7a2eaf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/35b9924e4a2844d2b5330bd7b20ecfc4.png
[43537ed913da43b6ad5776200763cef7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/7e5a2ad9721748568850411805205801.png
[d8c02391733040d09d1960928202824e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/5840e0e8a2c04045a5555d47ea71149a.png
[8e97e0fbf48b40d5b8dd47ea83b55107.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/a6675c6c395c4563addd0606444c79a2.png
[f6984ab16e47461bac7b6ee78a96d116.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/069fdbe8e61648258c9287498b4e7711.png
[9d4335388e934fa1806bbd4389c52d69.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/75f4f0841797464a83b4238f6ca2a187.png
[553f7e0f857443e5b46a049f25138368.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/ae3dae5c04364a4caf3e43ec73e66dfc.png
[c558a14f4e5e4ddfa24c99107b6f2c1b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/15f83d578b48422eae25f5b10283f780.png
[d724e7591ded46b6822cb98096a0f569.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/9927bd5891084b4b95049bd8c16fd8f1.png
[b72fb6ba7ada49cfbbc51422e22c965f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/7889290a7d0a405bb0127b657e6e6970.png
[56fbb875f6c94a2eaf4dae963851b19a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/1725514221fb48f78895ad1932b80a1b.png