4.20培训笔记

目前的开发模式基本都是前后端分离的模式。具体如下

前端：使用vue以及react框架编写页面

后端：Java（spring boot）

前后端通过HTTP协议来进行交互。流程为：

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

如何判断前端和后端问题

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

• 假设页面返回的错误提升信息不合理，但是前端与后端发生了网络请求，后端返回的错误提示信息是123，前端展示456，那么依然是前端的问题（例如：新浪网站前端登录名输入错误，返回到后端显示登录名或者密码错误，那就是前端的问题）

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

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

  接口文档：

  1.在APYI测试平台

  2.文档的形式

  步骤：打开一个页面登录接口--》获取前端请求地址--》点击测试平台--》获取请求参数输入参数名称（登录名、密码）--》登录邮箱成功显示后端端口（请求地址、请求类型、描述）

若开发没提供接口文档，此时需要做接口测试，怎么办

1.可以使用network获取网络请求

2.使用抓包工具Charles或Fiddler来获取

charles：https://www.charlesproxy.com/

charles破解：在保存charles文件夹里复制Charles.jar--》黏贴到program files文件里Charles文件夹里lib文件里然后黏贴

 

HTTP协议存在缺陷，主要为;

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

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

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

http80 https443 ssl443一定是本地开启了代理（设施--网络--代理）

Charles若抓包HTTPS不揍为

• 配置https的端口及域名信息

  步骤：proxy--》ssl proxy--》add： * 443

• 在本地安全Charles的证书，让系统授权为可信任的证书

  步骤：help--》ssl proxy--》install Charles--》安装证书（本地计算机）--》浏览（受信任的根）--》确定

  弱网络的测试：

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

  1-3秒网络速度优秀 3-5秒网络速度能接受 5秒以上网络速度差

  怎么抓包访问时间？

  proxy--》throttle setting--》throttle preset设置网络速度

  怎么用Charles做并发测试？

  登录测试平台--》在Charles找到相应url--》右击选中reprat advance输入测试个数

  结束时需要关掉ssl proxying*443