mock工具搭建（mock组件）

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

本文目录一览：

• 1、方便实用的mock工具------Easy Mock
• 2、前端 API 接口数据模拟 (Mock)
• 3、mockjs 使用简介
• 4、使用postman的mock server
• 5、日常总结：mock单测+mapStruct+批量插入
• 6、『居善地』接口测试 — 21.Mock功能介绍（二）

方便实用的mock工具------Easy Mock

见到Easy Mock之后顿时感觉心旷神怡，身心舒畅，下面就介绍下这个提高工作效率的线上工具：

Easy Mock是一个可视化，并且能快速生成模拟数据的服务。以项目管理的方式组织Mock List，能帮助我们更好的管理Mock数据，不怕丢失。

1、登录 Easy Mock官网
2、创建个人项目或者团队项目（官网中有个项目实例，清晰明了）
3、新增接口
4、在项目中使用接口
注： Easy Mock 有更多功能待你来探索

前端 API 接口数据模拟 (Mock)

在前端开发的过程中，会碰到以下一些问题：

为了解决此类问题，需要使用 mock 数据和 mock 服务器来提供支持。

很多前端框架，如 Reactor、 Angular、Vue 等都带有 mock 服务，以方便开发，这里介绍的是一个独立的小工具，可以在开发者自己的机器上方便的部署和运行，模拟后端接口的返回，以方便前端模拟各种数据。特性如下：

该数据即 files 目录下面 _api_heartbeat_get.json 的内容。

直接按快捷键 CTRL+C 来停止。

GET api/heartbeat 映射到 files_api_heartbeat_get.json

POST api/user/create 映射到 files_api_user_create_post.json

GET api/user?pseudo=1 映射到 files_api_user_get_1.json
POST api/course?pseudo=2 映射到 files_api_course_post_2.json

mockjs 使用简介

在前后端分离的开发模式中，数据需要通过 http 请求异步从服务器端获取，也就是前端开发需要依赖后端接口，如果不能时时保证数据获取通畅，就会造成开发阻塞。这时前端需要一种方式可以来模拟数据请求，从而更多的掌握主动权独立开发项目， mockjs 可以以无侵入的方式拦截 ajax 请求，通过模拟服务器端响应来返回数据

JSRUN

Mockjs 语法规范由数据模板定义规范和数据占位符定义规范组成，在官网的 示例文档 中提供了丰富的模板定义方法，可点击查看

Mockjs 实现的原理是对 XHR 对象的拦截，属于 js 拦截，并没有通过浏览器发出请求，所以一般会碰到以下问题。

为了处理以上问题，引入集成了 mockjs 的 mock server工具 easy-mock ，注册并登录 easy-mock 官网后，会有一个演示项目提供参考，参考演示项目可以轻松创建自己的项目，如下图

创建项目后可以基于当前项目创建请求接口，如下图，创建一个 url 为 \user 的 get 请求，会生成接口为 https://www.easy-mock.com/mock/5b97a508b158375129f1b724/hello/user 的完整地址，点击 用户列表 可查看返回数据，由于 easy-mock 内部集成了 mockjs ，所以在生成数据时可以采用mockjs数据模板来生成，把基础用法中的数据生成模板粘贴过来，可以生成相同数据
浏览器限制跨域访问，所以要访问到接口数据，还需要解决跨域问题，通过 Nginx 解决跨域我在另外一片文章有讨论过，点击可以可查，下面主要介绍下通过 webpack-dev-server 设置代理

假设本地请求的根路径为 http://localhost:8080 ，通过 ajax 请求 用户列表 的完整接口为 http://localhost:8080/proxy/user ， webpack-dev-server 通过代理方式将请求转发到我们在 easy-mock 中定义的接口 https://www.easy-mock.com/mock/5b97a508b158375129f1b724/hello/proxy/user ，此时接口地址中多了个代理标志 /proxy , 通过配置参数 pathRewrite: {'^/proxy': ' '} 将 /proxy 去掉即可。

使用postman的mock server

【前情提要】

作为测试工程师，在日常工作中遇到和三方对接的项目，三方开发进度不理想，导致无法进行联调测试，基于此，开始学习与了解mock服务

【吸收】

经过资料查询，实操验证之后，汇总成如下自我理解：

1.正常自己公司的项目里面，会有一个config文件，里面会配置相关第三方调用接口的地址：ip:port//，具体的URL中的path会统一在接口文档中给出，描述三方提供的接口信息，包括（接口说明、接口路径（path）、请求参数、返回数据格式等），具体项目中调用哪些三方接口，则在项目程序里再去规定。

2.mock的意义，简单来说在于模拟第三方接口的返回，用于我们项目的前端调试，或者接口与接口之间的调用调试。

3.基于此，我们可以使用postman工具的mock server功能，来模拟第三方接口，既然模拟了第三方的所有接口，那么我们在得到mock server的地址（IP2:port2）后，需要在自己项目的config文件中，把配置的第三方调用接口的地址（ip:port），修改成mock server的地址（IP2:port2）。这样程序在运行后，本来调用第三方的地址，才能够走到我们的mock server中，模拟我们配置好的接口返回的数据。

（ 注 ：1.在测试完成后，项目上线之前，需要检查配置文件的地址，是否修改为正确的三方地址。2.出于测试完整性，临时使用mock地址后，三方接口完成开发后，需要修改回正确的三方地址，进行联调测试）

4.postman的mock server 使用步骤：

a.注册postman账号

b.可新建一个space来单独管理mock
d.在环境变量里添加相应的变量，主要包括mock server 的服务地址（即：IP2：port2），以及属于自己账号下的api keys（获取方式需要登录postman官网）

e.给mock server里添加相应的接口，并增加相应的EXAMPLE

f.mock添加对应的接口后，因mock server是联网的，故不受内外网环境的限制，在任何网络环境下，都可配置你自己的mock server地址，进行测试。

日常总结：mock单测+mapStruct+批量插入

一、单测
test采用juint5
pom如下mock工具搭建：

常见使用
1、mock mapper文件

2、公共返回值定义

3、异常断言

4、不同情况

二、mapStruct
1、DTO中返回枚举类型
问题mock工具搭建：直接将枚举类反馈给前端mock工具搭建，具体取对应数值还是文字上一层在做处理（这里do到dto的转换用的是mapStruct）
返回的数据类型如下mock工具搭建：

解决：枚举类中添加自定义方法，mapStruct中通过映射做转换
mapStruct依赖

2、返回的两个实体类中参数名不一致

三、批量插入
mybatis批量插入(传入数据不能有空值)

四、hutool工具
参考： 常见方法

参考链接：
1、 事务
2、 mapStruct其他转换

『居善地』接口测试 — 21.Mock功能介绍（二）

当需要调用接口来编写测试用例的时候，此时该接口并没有被实现，这个时候我们就可以用Mock框架来模拟一个接口出来。

使用Mock模拟接口以下功能：

编写一个Json文件，接口所有的信息都配置在该json文件中。

把Moco框架的jar包和上面编辑好的Json文件放在同一个文件夹中。

在cmd命令行或者PyCharm的命令行终端执行启动命令。

Moco服务启动后，我们可以使用Requests库请求接口，也可以用浏览器接口。

浏览器访问接口：

我们主要是看Json文件怎么写，其他步骤和上面练习一样。

1）、没有参数的get请求

2）、有参数的get请求

说明：请求地址为： api/moco/get/param/demo?name=xiaomingage=18

1）、没有参数的post请求

提示：POST请求就不能用浏览器进行查看了。只能用Request库或者JMeter，Postman等进行查看。（能进行接口调用的工具都可以）

2）、有参数的post请求

调用接口查看结果。

使用的是 request 中的 cookies 属性。

1）、get请求

调用接口查看结果。

2）、post请求

调用接口查看结果。

使用的是 request 中的 headers 属性。

Header 是添加请求头信息，关于请求头信息get请求和post请求都是一样的。

调用接口查看结果。

重定向使用的是和 request 同级的 redirectTo 属性。

使用浏览器进行测试就可以。

Json文件的配置属性说明：

像我们上面练习过的Json文件配置，所有的数据值是固定的，

如： description 、 request 、 response 、 redirectTo 等这些都是固定的，不能修改，修改可能连Moco服务都启动不来。

还有 request 的属性值，如： uri 、 method 、 cookies 、 headers ，也是必须这样写的。

还有GET请求传递参数用 queries 属性，POST请求传递参数用 forms 和 json 属性都可以。（PUT,DELETE请求同Post请求。）

Moco框架原理：

就是把所有接口的数据，包括发送请求的所有数据和返回结果的所有数据，以Json数据格式进行编写。

把这些数据放入Moco框架提供的HTTP或者HTTPS的服务上，就实现了接口数据的模拟。

在使用的时候，我们只要按照json文件中接口配置的信息进行请求即可，如果调用接口传递的数据和Json文件中接口编写要接收的数据不一致，则无法请求成功。

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

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