Mock工具开发(mock平台的实现原理)

网友投稿 344 2023-05-04


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

本文目录一览:

搭建本地mock服务

一:为什么用mock

1.不用mock依赖后端接口,串行开发会拉长开发周期

2.再也不用跟后端屁股后头崔接口,定义好数据格式即可

二:mock分类

1.直接写死假数据

2.安装mock.js 利用Mock.mock()

3.在本地启动一个mock服务

4.搭建一个mock平台

三:l-mock在项目中的应用

一:l-mock是一个启动本地mock服务的工具 1.全局安装 npm i l-mock -g

2.初始化mock目录, init命令在project根目录下生成mock目录,并放置demo接口 cd path/to/project lmock init

3.运行, 进入生成的mock目录,运行start命令,直接访问localhost:3000/a 则可看到/a接口返回 cd mock lmock start 第一次初始化后,后面的开发只需要在mock目录中运行lmock start就可以开启接口模拟。 为了方便我们可以直接配置在npm命令中,往后就运行 npm run 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 使用简介

在前后端分离Mock工具开发的开发模式中Mock工具开发,数据需要通过 http 请求异步从服务器端获取Mock工具开发,也就是前端开发需要依赖后端接口Mock工具开发,如果不能时时保证数据获取通畅,就会造成开发阻塞。这时前端需要一种方式可以来模拟数据请求,从而更多的掌握主动权独立开发项目, 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 去掉即可。

Mock测试有哪些应用场景,有没有常用的工具推荐

1、安卓黑盒测试工具
1)包括本身自带Mock工具开发的monkey,Monkey是Android中的一个命令行工具,可以运行在模拟器里或实际设备中
2) robotium与appium,这些工具用于黑盒的自动化测试。可以在有源码或者只有APK 的情况下对目标应用进行测试。提供Mock工具开发了模仿用户操作行为的API,比如在某个控件上点击,输入Text
等等。(推举Mock工具开发你可以研究一下这个工具,开源的,我有资料)
2、白盒测试,Android在SDK中集成了JUnit框架。所以,Mock工具开发你可以基于JUNIT框架进行安卓的白盒测试代码开发
3、安卓的测试方法其实与web测试方法大多类似,只是多了一些特殊的测试场景,例如-遍历测试、故事驱动、适配测试、电量测试、弱网测试、流量测试等
4、兼容性测试的话,一是可以利用虚拟机保证系统间的兼容性,但更多的还需要依靠真机测试,因为每个真机的上层API使用和渲染是不太一样的
如果Mock工具开发你想要什么资料的话或者想一起学习研究的话,可以给我发邮件:test_sunny@hotmail.com 关于Mock工具开发和mock平台的实现原理的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。 Mock工具开发的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于mock平台的实现原理、Mock工具开发的信息别忘了在本站进行查找喔。

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

上一篇:jdk自带定时器使用方法详解
下一篇:ES6深入理解之“let”能替代”var“吗?
相关文章

 发表评论

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