Charles的使用4.21

目前的开发模式基本都是前后端分离的模式，具体总结如下：

前端：使用VUE以及React框架编写页面

后端：java (SpringBoot)

前后端通过HTTP协议来进行交互，具体的流程总结为：

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

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

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

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

 3、假设页面返回的信息提示不合理，前后端发生了网络请求，后端返回的提示信息是123，前段展示的也是123，那么就是后端的问题。

如何查看接口文档：

一个是接口测试平台  YAPI

对于YAPI这个 我们找到对应的页面 只需要关注  

请求地址   请求方式   请求头   请求参数    

一个文档---这个我们也只需要关注这些

注意：  /{languageCode}/account/signup   大括号里面的是变量   它的参数描述中有几个  就会有几个get 请求

如果开发没有提供接口文档，那么测试需要做接口测试有2种方式

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

2、使用charles工具（Fiddler）来获取

首先我们先安装charles工具  

下载好 解压 后出现以下页面

 根据电脑位数--这里以64位为例

  

 

 安装完成了 找到刚开始的

然后找到

 这个地址  把重命名的那个文件复制到这个里面的lib文件里  并且替换里面同名的文件

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

charles抓包工具需要注意的数据

HTTP协议的3个缺陷：

1、通信内容是明文，内容很可能被第三方获取到

2、不验证通信方的身份信息，容易被伪装

3、无法证明请求头的完整性

基于HTTP存在的这些缺陷，也就有了HTTPS的协议，我们可以把HTTPS可以汇总为：

HTTPS=HTTP+加密+认证+完整性的保护

http:80     https:443      ssl 443  一定是本地开启了代理  这里我们可以在电脑网络设置下

charles想抓包HTTPS的，需要做的操作是：

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

点击上面的

 

 

 

 2、在本地安装全charles的证书，让系统授权为可信任的证书。

 

 

 

 

 点击确定就ok了可以抓取了。

弱网络的测试：

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

时间判断：

1-3s认为是好的表现

3-5s认为是可以接受

5s以上认为的是差劲

切换网络：测试不同网络

Network:

 

 charles:

 

有一个服务，需要并发测试下，你使用charles工具做下

并发测试：就是同时进入服务器 服务响应时间和是否会崩溃

以http://101.43.158.84/#/这个平台的登陆为例

右击

 点击这个下面自定义的

 

注意事项  这个抓包工具用完的话 一定要关闭代理---不然会影响上网

 

 点击 SSL Proxying Settings  取消勾选

 点击ok   就关闭了代理