mock数据工具yapi使用（前端mock数据工具）

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

本文目录一览：

• 1、YAPI高级Mock使用文档
• 2、Yapi平台之Mock服务
• 3、yapi平台基本使用介绍

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

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平台基本使用介绍

展示分组内自己所在的项目，点击进入项目详情

展示和管理分组内的人员构成

1.添加成员
2.更改成员权限
3.删除成员

展示分组内的项目接口动态

自定义分组信息

添加分类，生成新的接口集合
在分类中添加接口，新增简单接口信息

点击某个接口，进入接口详情--预览

展示详细的接口信息，包括基本信息，请求参数，返回数据等

点击顶部“编辑”，进入编辑模式

接口的基本信息及路径
接口url中有参数的，可以用{}标识

1.参数类型可以选择 body，query以及headers
2.body参数可以选择对应类型
3.选择form格式可以批量添加参数
4.选择json格式可以直接导入，系统会进行格式校验，通过后会自动解析并填充在下方

1.返回数据为接口期望的返回结果，也可以已json格式或者raw格式填写
2.选择json格式可以直接导入，系统会进行格式校验，通过后会自动解析并填充在下方

发送--请求此接口
保存--将此接口及请求数据保存至测试合集

可以自定义接口返回，设置过滤条件，满足过滤条件时，请求的接口返回则为自定义的返回

此处设置一个期望，打开postman，请求对应的mock地址
参数满足过滤条件，则请求返回为自定义结果

后续更新自动化实施详细讲解

api更新修改后，此处可以查看修改记录及修改内容
点击改动详情，可查看接口的具体改动内容。红色表示删除的内容，绿色表示新增的内容。

点击弹出下拉框，可选择自己需要的模式
导入成功后，导入的接口会在接口列表中展示

可将平台中已有的接口数据导出，导出后的文件可以作为数据源再次在其他项目导入。
可以解决项目迁移的问题

对项目所属成员进行增加，删除，修改权限等操作

项目基本信息

1、项目环境管理，可以配置多个不同的环境，在测试接口或者进行自动化测试时可以按需选择对应的环境
2、环境可以增加，可以删除
3、每个环境可以单独设置域名，请求头，全局变量等个性化数据，以满足测试的多样性

可以自定义脚本，分为请求前和请求后的处理。请求前处理脚本，会在接口请求开始前执行，请求后处理脚本，会在请求完成后执行

生成唯一项目标识，可以作为请求yapi项目openapi的凭证
非可视化界面操作，yapi提供了部分常用的openapi。
如：进行自动化测试，定期进行接口同步，进行数据导入等等

可以选择时间，选择周期，选择同步方式，定期自动执行接口同步，保证yapi平台中接口为最新接口，不需要人工维护

无特殊功能，可以作为一个记事本，记录项目关联信息

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

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