Charles抓包 mock数据和rewrite功能

时间:2022-10-17 05:25:45

一、mock数据

mock:在后端返回异常或需要=改前端展示的数据时可以模拟返回的response

1.1 抓到接口后 右击保存response到本地,后缀改成.json打开可以看到是把json保存下来了

Charles抓包 mock数据和rewrite功能

保存下的文件

Charles抓包 mock数据和rewrite功能

例如:修改我的粉丝数,那么找到粉丝数字段修改字段对应的数量

#修改前

Charles抓包 mock数据和rewrite功能

~~~~此处自己把上面保存的文件对应的粉丝字段修改成10000000,然后保存文件

1.2还是选择此接口,右击选择 map local

Charles抓包 mock数据和rewrite功能

导入上面修改过的文件

点击ok后刷新我的界面查看粉丝数

#修改后

Charles抓包 mock数据和rewrite功能

目前看来可以mock后端返回的数据、前端数据的展示以及模拟json中值为空或其他情况对前端请求是否会有影响

二、rewrite功能

rewrite主要用来匹配指定的请求,修改请求的header/url/ host/ path /query_param /repsonse_status/ body

0.匹配接口

Charles抓包 mock数据和rewrite功能

1.修改接口的host

匹配到配置的接口,type选择host,match(匹配规则)匹配接口中的host dev.du.hupu.com替换(replace)填写一个替换的值www.testdb.top(注:填写host即可,不需要http://)点击完成后,客户端请求这个接口,host将会改成自定义的host

Charles抓包 mock数据和rewrite功能

2.删除接口header中的key和value

 

选择操作header后可以自定义选择删除request或者response中header的参数,如果要删除多个那么在匹配这个接口时add多个规则这样就可以删除多个值了~

点击完成后,请求这个接口检查request或respons的header会少了这个参数

Charles抓包 mock数据和rewrite功能

3.header中增加key value

在request或respons或同时在reques和respons的header增加一对参数。增加多个可以在外面add多个规则

Charles抓包 mock数据和rewrite功能

4.修改header中的key value

在request或respons或同时在reques和respons的header修改一对参数。修改多个可以在外面add多个规则,完成后请求这个接口可以看到效果了~

Charles抓包 mock数据和rewrite功能

 5.替换url

 

在匹配到指定接口时把url替换成自己定义的url

Charles抓包 mock数据和rewrite功能

6.替换url的接口路径path

完成后请求这个接口,路径就会被改成自定义的~

Charles抓包 mock数据和rewrite功能

  

7.修改respons code

这样可以随意修改返回的status,检查客户端是否出现异常的情况

Charles抓包 mock数据和rewrite功能

8.修改query param的key value

例如让这个接口访问的都是老版本的接口这样把访问的接口版本号改成指定的就可以了

Charles抓包 mock数据和rewrite功能

9.删除query param

删除url上一对key value,可以测试下不传一些参数是否会对客户端有影响

Charles抓包 mock数据和rewrite功能

10.增加query param

可以在url上面传指定的参数

Charles抓包 mock数据和rewrite功能

11.修改request和response的body

修改request和response的操作是一样的,先选择需要修改的body中字符窜,然后定义改成指定的字符串

Charles抓包 mock数据和rewrite功能