Charles 使用教程--(A)

181 阅读2分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

1:Charles抓到的接口信息

image.png

用途2/3/4位篡改报文的三种方式:断点/映射/重写

2:A:用途1--接口调试

(1)选择要修改的接口,右击,选择Compose

截屏2022-02-10 下午9.41.44.png (2)生成一个可以撰写的api,可以进行接口内容修改

截屏2022-02-10 下午9.44.17.png

(3)修改完参数以后,点击执行,查看执行结果 截屏2022-02-10 下午9.45.51.png

B:用途2:断点-设置断点,修改报文信息

(1)启用断点-Enable Breakpoints

截屏2022-02-11 上午8.32.11.png

(2)设置断点-Breakpoint Settings…可以修改请求报文和响应报文~启用断点-添加断点

截屏2022-02-11 上午8.39.18.png

截屏2022-02-11 上午8.35.22.png (3)重新执行,进行请求/响应报文修改,修改后点击下一步继续执行,最后可查看结果

截屏2022-02-11 上午8.40.31.png

截屏2022-02-11 上午8.41.13.png

截屏2022-02-11 上午8.43.20.png

C:用途3:接口请求映射

1:本地映射:返回指定本地文件的数据:可以用来测试分页功能

(1)勾选本地映射,添加本地映射,本地映射配置位置Tools-Map Local

截屏2022-02-12 下午3.19.33.png

image.png (2)配置主机/端口号/路径,选择本地映射的文件

image.png (3)添加完成后,执行-Repeat,查看执行结果

image.png 执行结果: image.png

疑问:本地映射功能可完成的测试方法有哪一些呢?

2:远程映射:一个地址映射到另外一个地址

(1)添加远程映射,远程映射添加位置-Tools-Map Remote

截屏2022-02-12 下午4.03.37.png

image.png

(2)配置远程映射--一个地址映射到另外一个地址 image.png

D:用途4 重写(重写状态码,得到对应请求)

登陆接口返回状态码500,前端页面给出正确提示

(1)重写配置位置-Tools-Rewrite

截屏2022-02-12 下午4.32.01.png (2)添加路径

截屏2022-02-12 下午4.33.45.png (3)重写内容为响应状态码

截屏2022-02-12 下午4.36.02.png (4)执行完成后,响应状态码变为500,web端页面给出对应提示

截屏2022-02-12 下午4.55.56.png

小知识:发现bug如何判断是前端原因还是后端原因

A:先判断前端页面上的操作和后端页面是否有交互

通过抓包手段,看操作是否调用了服务接口,如果没有调用,那么bug是前端的,如果有调用,继续判断

B:判断接口请求报文信息,如果不正确,问题是前端的

C:判断接口响应报文信息,如果不正确,问题是后端的

D:如果都对,需要进一步查询数据库和服务端日志