mock数据工具雅痞(mock 数据)

网友投稿 542 2023-04-24


本篇文章给大家谈谈mock数据工具雅痞,以及mock 数据对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 今天给各位分享mock数据工具雅痞的知识,其中也会对mock 数据进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

Yapi平台之Mock服务

YApi的 Mock 功能可以根据用户的输入接口信息如协议、URL、接口名、请求头、请求参数、返回数据( 返回数据 )生成 Mock 接口,这些接口会自动生成模拟数据,创建者可以自由构造需要的数据。mock模拟数据基于mock.js。

Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:

l 根据数据模板生成模拟数据

l 模拟 Ajax 请求,生成并返回模拟数据

l 基于 HTML 模板生成模拟数据

进入项目,选择并点击某接口

很多时候需要根据不同的请求参数返回不同的响应数据,可以使用高级Mock中的期望或自定义脚本来实现。
以新网项目中的联合登陆接口为例。后台逻辑为如果用户已开户则返回数据中"openAccount": true,如果未开户"openAccount": false。
接口的输入参数有:mobile,idCard,userRealName。可以设置输入userRealName=’哈哈’时为已开户条件,返回"openAccount": true。为其他值时均为未开户的情况,返回"openAccount": false。下面分别用期望和脚本两种方式实现:

还是以新网银行项目为例,结合app中的H5页面来演示一下。

参考:
yapi官网教程: <uhttps://hellosean1025.github.io/yapi/documents/index.html</u
Mock.js的详细内容参考: <uhttp://mockjs.com/0.1/#natural</u

yapi中的高级mock--期望

测试时mock数据工具雅痞,经常需要根据不同的请求参数和IP返回不同的HTTP 状态码、HTTP头、JSON数据等。期望就是根据设置的请求过滤规则返回期望数据。

首先选中一个接口mock数据工具雅痞,点击“高级Mock”,再点击“添加期望”,可以看到类似下图的弹出窗口。

所填写的信息分为两部分:基本信息,响应。

此处可以添加IP过滤规则和参数过滤规则。

上图中我们添加参数过滤规则:sgid,26。意味着访问mock接口时,url参数中必须有sgid=26(也可以有其它参数),才会返回该期望的响应值。比如:

如上图所示,响应中有很多选项可以设置。

按上图添加的响应,我们在浏览器中看到的返回值如下:

关于占位符,可以参看 《yapi中使用json-schema mock数据》 中的"3. 基于mockjs占位符的mock"。

模板是生成数据的规范,mockjs中的模板定义及模板形式可以 点击这里查看 。期望中并不支持所有的模板形式,比如属性值是Function的形式就不支持。个别模板的形式略有不同,比如正则。

下面介绍两种平时比较常用到模板。

从属性值 array 中随机选取 1 个元素,作为最终值。

从属性值 array 中顺序选取 1 个元素,作为最终值。

通过重复属性值 array 生成一个新数组,重复次数大于等于 min,小于等于 max。

通过重复属性值 array 生成一个新数组,重复次数为 count。

例:

该模板生成包含4个元素的数组,每个元素中的name,顺序取名字列表中的一项,age取10~20的整数,fruit随机取水果列表中的一项。生成数剧类似:

注意对比"|1”与“|+1”的区别。个人感觉"|1"也可以考虑用占位符@pick实现。

根据正则表达式反向生成可以匹配它的字符串。

例:

该模板随机生成包含2-6条json形式的订单数据。数据中的订单号,手机号由正则生成。生成数据类似:

注意:正则中不支持诸如\d, \w, \S等写法。

YAPI高级Mock使用文档

进入接口详情页,点击『高级 Mock』选项。

YApi 提供了写JS脚本方式处理这一问题,可以根据用户请求的参数修改返回内容。
脚本主要由两部分组成 全局变量 和 响应
[图片上传失败...(image-47a5bf-1631871972393)]

首先开启此功能
Mock 脚本就是用 JavaScript 对 mockJson 变量修改,请避免被全局变量(httpCode, resHeader, delay)的修改

请求 Mock 数据时,规则匹配优先级:Mock 期望 自定义 Mock 脚本 项目全局 mock 脚本 普通 Mock。

https://hellosean1025.github.io/yapi/documents/index.html

mock数据

mock数据指的模拟数据,mock中文翻译愚弄,嘲笑。

实现mock数据如下:

首先在根目录下创建一个mock文件,该文件下有index.json(存放模拟数据)。

然后在根目录下新建一个 vue.config.js 文件,这文件是调整 webpack 配置最简单的方式,将会被 webpack-merge 合并入最终的 webpack 配置中。 在 vue.config.js 中编写以下内容:

然后在组件中:

好吧作为一名菜鸟,虽然实现了简单的axios+mock数据,但有很多不懂;
继续参考: CSDN

博客 无脑复制
官方: http://mockjs.com/

如何mock数据?

1.通过在控制台输入http-server开启本地服务器
获取端口号 http://localhost:8000
2.然后通过在文件夹创建html和json文件来测试数据
示例:

3.打开浏览器的控制台就能看到输出的数据:

以 Easy Mock 为例,进入网站后建立个人项目,进入项目后可创建接口并查看。

关于mock数据工具雅痞和mock 数据的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。 mock数据工具雅痞的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于mock 数据、mock数据工具雅痞的信息别忘了在本站进行查找喔。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:网络接口测试仪(网线接口测试器)
下一篇:Kotlin + Spring Boot 请求参数验证的代码实例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~