0
点赞
收藏
分享

微信扫一扫

uniapp 官方 ui组件库 uni-ui 的uni-data-checkbox 如何实现自定义选中时的边框颜色

c一段旅程c 2023-06-09 阅读 75

在这里插入图片描述


这里写目录标题

一、知识点梳理

1、接口抓包需要具备的能力

代理功能:HTTP/HTTPs、SOCKS5。
请求模拟工具:拼装请求、重放请求,重复请求。
网络环境模拟:限速、超时、返回异常。
Mock:请求修改、响应修改。
Fake:用测试环境替代真实环境。

2、接口抓包原理

在这里插入图片描述

二、Charles 基础使用

工具准备

参考帖子:https://ceshiren.com/t/topic/21956

三、charles抓包分析

抓取接口数据

Summary:响应时间
Chart:图标形式的资源情况展示
Notes:写一些记录
在这里插入图片描述

四、Charles 使用

1、过滤:Filter、Focus

在这里插入图片描述

2、重发:Repeat、Repeat Advanced

在这里插入图片描述

3、修改请求:Compose

在这里插入图片描述

4、弱网:Throttle Settings

在这里插入图片描述

五、Web 抓包练习

抓取雪球搜索接口数据
在这里插入图片描述
当有多个接口时,可以通过ctrl+f查找特定的接口,如下图

在这里插入图片描述

在这里插入图片描述

查看接口响应状态码与使用的协议版本
在这里插入图片描述

查看请求参数与 json 格式的响应内容
在这里插入图片描述

编辑请求参数,把搜索内容替换为自己的名字,重新发送请求,查看响应内容
在这里插入图片描述

快速过滤雪球域名的接口
在这里插入图片描述

六、App 抓包练习

抓取雪球搜索接口数据
在这里插入图片描述

查看请求参数与 json 格式的响应内容
在这里插入图片描述

设置重发 10 次,并发数量为 2,延迟时间为 500ms
在这里插入图片描述
在这里插入图片描述

进行弱网测试,选择弱网模式为 256 kbps

在这里插入图片描述

七、Mock 测试

1、什么是 Mock 测试

在测试活动中,对于某些不容易构造或者不容易获取的比较复杂的数据/场景,用一个虚拟的对象(Mock对象)来创建用于测试的测试方法。
在这里插入图片描述

2、Mock 测试的价值与场景

价值:
不依赖第三方数据。
节省工作量。
节省联调。

场景:
前后端数据交互。
第三方系统数据交互。
硬件设备解耦。
边界值测试。

在这里插入图片描述

3、使用 Charles 完成 Mock 测试

Rewrite:动态修改请求和响应中的数据;适用于全局修改或者修改内容简单的场景
Map Local:对响应体进行复杂修改
Map Remote:修改要访问的服务器地址;App 测试中,可以不用重新打包直接修改测试环境

使用雪球行情自选设置–股价提醒列表的接口。
Rewrite:
把列表中第一个股票名称改为自己的名字。
把列表中第二个股票的代码改为 hogwarts。

4、Rewrite练习

使用雪球设置热股榜列表的接口。
Rewrite:
把列表中第一个热股名称改为自己的名字。
把列表中第二个热股名称改为其他的名字。

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
匹配所有以.json结尾的请求,下图所示
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5、Map Local练习

使用雪球设置热门新闻列表的接口。
在这里插入图片描述

Map Local:
把列表中第一个热股名称改为自己的名字。
把列表中第二个热股名称改为其他的名字。

1、选择要mock的接口,鼠标右键,save Response,修改响应数据

2、鼠标右键,选择Map Local,进入设置界面,自动填写接口url相关数据,选择目标的本地数据

在这里插入图片描述

3、Tools——Map Local,双击规则可以进入修改界面,勾选enable功能生效

在这里插入图片描述

4、新的响应页面

在这里插入图片描述

6、Map Remote练习

使用百度搜索接口。
Map Remote:
把接口重定向到搜狗接口上。
百度会展示警告弹窗,注意 Charles 中抓到的接口数据

在这里插入图片描述

1、选择要mock的接口,鼠标右键,选择Map Remote;

2、进入设置界面,自动填写接口url相关数据,选择目标的本地数据,填写要转发的服务器的url信息

在这里插入图片描述

3、Tools——Map Local,双击规则可以进入修改界面,勾选enable功能生效

在这里插入图片描述

4、新的响应页面

在这里插入图片描述

举报

相关推荐

uni-app:uni-ui的使用

0 条评论