Charles的使用与应用

一、目前的开发模式基本上都是前后端分离的模式,具体如下:

1、前段:使用VUE以及React框架编写的页面

2、后端:Java(SpringBoot)

 

二、前后端通过HTTP的协议来进行交互,具体的流程可以总结为:

前段发送Request请求,后端吧响应数据Response返回给前端,然后前端通过浏览器渲染的技术展示出来,就是用户看到的界面

 

怎么判断是前端的问题还是后端的问题:

1、返回的错误提示信息不合理,但是前端与后端没有发生网络请求,那么问题就是前端的

 

 

 

2、假设页面返回的错误提示信息不合理,但是前端与后端发生了网络请求,后端返回来的错误提示信息123前端展示的是456,那么依然是前端的问题

 

3、假设页面返回的错误提示信息不合理,但是前端与后端发生了网络请求,后端返回来的错误提示信息123前端展示的是123,那么依然是后端的问题 返回的是message

 

在公司里面,公司一般会使用YAPI(开源的)的平台来管理所有的接口,那么测试以及前端包含了后端,都是以这个平台的接口文档为标准

接口文档形式:

1、在YAOPI的平台上

 

 

 

2、Worder文档的形式

 

如果开发没有提供接口文档,那么此时需要做接口测试,怎么办?

1、我们可以使用浏览器network获取网络请求

 

 

 

 

 

 

 

2、使用Charles抓包工具(Fiddler)来获取

Charles的官网:https://www.charlesproxy.com/

charles是一款很优秀的抓包工具,还有一款抓包工具是fiddler

 

三、HTTPS

HTTP的协议它是存在缺陷的,这些缺陷主要为:

1、通信内容是明⽂,内容很可能被第三⽅获2、取到 不验证通信⽅的身份信息,容易被伪3、装 ⽆法证明请求头的完整性

基于HTTP存在这些缺陷,也就有了HTTPS的协议,我们可以把HTTPS可以汇总为:HTTPS=HTTP+加密+认证+完 整性保护。

http:80 端口

https:443端口

SSL 443 :一定是本地开启了代理 Win10设置--网络--代理

 

四、Charles工具的下载安装

1、打开Charles抓包工具网站:https://www.charlesproxy.com/ 然后下载安装包

2、找到下载好的Charles工具安装包然后使用WinRAR进行解压

 

 

 

 

3、然后找到进行安装win64进行安装

 

 

 

 

 

 

 

 

 

 

 

4、对Charles工具进行破解

 

 

 

 5、把修改名字后的Charles工具复制到lib的文件夹下面进行替换

 

 

 

 

 

 

 

 

 

 

 

五、Charles抓包工具的使用安装

 

 

 

 

 

 

 

 

六、Charles想抓包HTTPS的,需要做的操作是:

1、配置https的端口以及域名信息

 

 

 

 

 

 

 

 

 

2、在本地安装Charles的证书,让系统授权为可信任的证书

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

七、弱网络的测试

我们在平常的工作里面,使用的都是5G的网络,但是使用产品的客户是多种不同类型的网络情况,所以就需要测试下在多种不同类型网络下资源的加载耗时情况(客户端请求后服务端响应回复的响应时间)。

 

 

 

 

 

 

 

 

 

 

测试出来的结果判定:

1-3秒认为是好的表现 3-5秒认为是可以接受 5秒以上认为是差劲

 

Charles怎么做弱网络测试:

1、找到proxy点击

 

 

2、点击Endble Throttling

 

 

 

 

当公司需要让你用Charles工具做并发测试的时候,你该怎么做?

1、打考Charles抓包工具,抓包到你要测试的请求地址

 

 

 

2、鼠标放在你抓包的数据点击右键找到

 

 

 

 

 

 

 

 

使用Charles的时候要先把代理打开,不使用的时候记得把代理关闭

 

 

 

posted @ 2022-04-21 17:14  朝阳群众老马  阅读(97)  评论(0编辑  收藏  举报