文章目录

  • Easy-mock基本操作手册:介绍数据类型及响应式数据

Easy-mock基本操作手册:介绍数据类型及响应式数据

1、本地部署Easy-mock或者使用线上平台,目前线上平台证书过期或服务器不稳定,偶尔不能正常访问,而且同步的swagger地址必须是对外访问的,从稳定及安全方面来评估,还是建议本地化部署,恰巧人家也是github的开源项目且支持二次开发。

2、本地化部署步骤略,参照github的md部署文档操作即可,注意环境软件版本及easy-mock配置。

3、部署成功后,可以别名访问或直接ip+port访问,登录平台时不存在的用户就会创建用户(不支持密码找回),部署的文档也一应俱全。

4、那么现在可以自己创建项目来玩玩Easy-mock平台:

  • 创建项目,可以选择个人还是团队,如果是团队,那么其他人完成注册后就需要申请加入团队,反而是个人可以添加成员协同操作;
  • 支持mock.js语法,需要熟悉前端js语法,才能更好的支持响应式数据,下面会简单介绍基本用法
  • 因为它支持与swagger接口文档完美整合,同步接口文档,每次都只会同步变更的接口信息
  • 就算公司不是swagger接口文档也没关系,可以手动创建接口,也只不是黏贴与复制的操作

tips:如果你不熟悉或是忘记了mock.js语法,那么可以在数据编辑器里输入em获得提示!

5、接下来介绍如何mock响应式数据

  • 支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等
  • 支持扩展更多数据类型,支持自定义函数和正则
    • 支持正则:“regexp”: /[a-z][A-Z][0-9]/
    • @string、@integer(10, 30)、@date(yyyy-MM-dd)、@boolean、@id、@email、@datetime等数据占位符
  • 因为无法联动,但是借助响应式数据,也能满足一定的需求:
 数据编辑器,可以为某个属性(响应参数)指定function,其中提供了_req对象;通过请求对象编写逻辑,实现响应式数据,如下:原数据响应格式:
{"count": 1000,"status":0"data": {"data1": 10086,"data2": 10010,"data3": [{"data4": 10000},{"data5": 20000}],},"msg": "请求数据成功"
}
  • 前后端通过约定的status响应参数来确定接口请求是否正确,那么需要模拟异常,该怎么做?
1》使用@integer(0,1)数据占位符来代替,随机非0和0的状态;
2》也可以在参数status后写:|1-10,即"status|1-20":0,响应参数会随机0-20之间的数值
3》接下来走业务场景,使用function来决定,代码如下:
{"count": 1000,status: function({_req,Mock}) {if (_req.query.test === "test") {return 0} else {return 10086}},"data": {"data1": 10086,"data2": 10010,"data3": [{"data4": 10000},{"data5": 20000}],},"msg": "请求数据成功"
}
tips:对象_req.query(查询参数是url?拼接的参数).test(参数名);如果参数在body里面,query替换成body即可
  • 下面来看一下_req对象会输出哪些东西:
  调试代码如下:{_req: function({_req}) {return _req}
  • 结果输出如下:
{
"_req": {"method": "POST","url": "/mock/5dbbc103e0e5c1139e64b376/updateUserTarget?test=test","header": {"host": "47.112.110.115:3300","connection": "keep-alive","content-length": "15","accept": "application/json, */*","origin": "http://47.112.110.115:3300","user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36","content-type": "application/json","referer": "http://47.112.110.115:3300/mock/5dbbc103e0e5c1139e64b376/updateUserTarget","accept-encoding": "gzip, deflate","accept-language": "zh-CN,zh;q=0.9","cookie": "UM_distinctid=16d5d139292b92-03b199b3669017-7373e61-1fa400-16d5d13929397e; CNZZDATA1277812015=2091627324-1569220588-%7C1570524984; jenkins-timestamper-offset=-28800000; easy-mock_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjVkYmJjMDJlZTBlNWMxMTM5ZTY0YjM2ZCIsImlhdCI6MTU3MjgzNzYxOCwiZXhwIjoxNTc0MDQ3MjE4fQ.gdk1GeGAzDuVigi7xOtTUHmGKG8WNiAYHLuvX7LFgWY"}
}
}aq:那么如何引用_req返回的对象呢?
还是同上操作,需要function定义_req对象,只是return的_req对象变成_req.method\url\cookie等
  • 再示例一种特殊场景,如果入参获取不到或是不存在参数,return一个默认值,再响应参数中定义一个
default:自定义值,代码如下:
defaul:10086
if (_req.query.test === "test") {return 0} else {return this.default}解释:如果请求参数test不等于test,那么函数返回上面定义的default的值
tips:有些时候还可以这样玩,还是上面的场景,如何覆盖status所有状态码?代码如下:
"status|1":[0,10010,10086,500]

6、至此easy-mock的基本数据类型操作及应用场景介绍完毕,所以前后端开发分离不是梦。

7、再多提个提升效率的问题,建议以团队项目来开展,多人维护mock平台的数据,使得数据的一致性,因为此平台,团队项目不能批量拉人,个人项目却可以协同维护,不管是哪种加入方式,都可以加个五角星,只在个人工作台显示即可。

翻译?Easy-mock平台简易操作文档,你也能不写代码实现mock相关推荐

  1. 如何修改DynEd的学生记录服务器,DynEd教师管理端操作文档..docx

    DynEd教师管理端操作文档. DynEd教师管理端Records Manager操作文档DynEd教学理念语言是一种技能传统的英语教学太过注重读写,而疏于听说能力的发展.学生花费了大量的时间来背单词 ...

  2. mallplus多商户商城全流程 操作文档

    下载地址 https://gitee.com/catshen/zscat_sw 用户端 http://www.yjlive.cn:8082/#/ 商户端 http://www.yjlive.cn:80 ...

  3. 赫拉(hera)分布式任务调度系统之操作文档

    文章目录 前言 操作文档 登录和注册 用户 用户组 总结 首页 机器组监控 系统管理 用户管理 用户组 用户 总结 监控管理 机器组管理&worker管理 任务管理 任务详情 任务依赖 上游任 ...

  4. 狮子鱼社区团购支付时出现appid和mch-id不匹配的解决方法及狮子鱼官方操作文档

    解决方法:这点需要到微信小程序后台设置:微信支付–关联更多商户号:如下图所示: 此处绑定商户号需要先将该小程序认证,认证有两种方法,一种是直接给该小程序交300元给微信官方:如果已经有公众号已经认证过 ...

  5. ElasticSearch入门简介、安装ES(安装Kibana和IK分词器)使用 Postman连接ES进行测、ESRestAPI(操作索引CRUD操作文档CRUD)、练习

    要理解倒排索引 要能够使用DSL命令操作索引库 要能够使用DSL命令操作文档 要能够使用RestAPI操作索引库.文档 一.ES简介 理解倒排索引的概念和作用 理解es和MySql的区别和使用场景 1 ...

  6. 使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)

    作者简介 作者名:1_bit 简介:CSDN博客专家,2020年博客之星TOP5,蓝桥签约作者.15-16年曾在网上直播,带领一批程序小白走上程序员之路.欢迎各位小白加我咨询我相关信息,迷茫的你会找到 ...

  7. phpems最低的php版本,PHPEMS安装使用操作文档

    <PHPEMS安装使用操作文档>由会员分享,可在线阅读,更多相关<PHPEMS安装使用操作文档(23页珍藏版)>请在人人文库网上搜索. 1.PHPems在线考试系统使用手册一. ...

  8. HC社区商城操作文档

    HC社区商城商家使用操作文档 v1.6 一.说明 HC社区商城是继HC物业服务系统推出的一套完整的商城系统.服务社区周边线下实体店,助力实体经济.商城内有便民电话.附近商家.服务等.其中,商家服务与物 ...

  9. RMP-SMART操作文档

    RMP-SMART操作文档 1.基本环境 2.ROS的安装 2.1配置Ubuntu软件仓库 2.2设置sources.list 2.3设置密钥 2.4安装 2.5初始化 rosdep 2.6设置环境 ...

最新文章

  1. 北京清华长庚医院入选“首批74家国家临床教学培训示范中心”(附完整版名单)...
  2. sess.run的错误
  3. putty 远程linux桌面,Linux远程桌面工具Xming+Putty的搭建
  4. 基于深度学习的文本分类3
  5. android内核中Kconfig及如何加自己的驱动
  6. 在ASP.NET中有关性能与扩展性的秘密知识了解(讨论)
  7. 计算机考研计算机网络题库
  8. 工程图学与计算机绘图考查,工程图学与计算机绘图
  9. 我的世界服务端java路径_我的世界服务端java路径咋样设置?
  10. Python网站服务器搭建,python 最快速搭建一个网站
  11. 创建阻止windows自动锁屏的脚本
  12. 中国近代史导图(二)
  13. 计算机优先启动项,大白菜u盘装系统bios设置优先启动项操作方法
  14. 光电式液位传感器和电容式液位传感器的区别
  15. 谷歌浏览器打不开产品给的原型图,提示AXURE RP EXTENSION For Chrome
  16. SPA(单页面)和MPA(多页面)的区别与优缺点
  17. CC00154.bigdatajava——|JavaMySQL.高级.V26|——|MySQL.v27|锁机制_锁概念介绍|
  18. 互联网日报 | 快手向港交所递交上市申请;苏宁双十一退货上门取件免费;小米明年扩招5000名工程师...
  19. 手把手教如何搭建一个百度网盘目录站点【保姆级】
  20. CSS - Tooltip-arrow 绘制三角形

热门文章

  1. 中职初始计算机键盘公开课教案,[机械键盘]以“键盘”为话题的公开课教案
  2. HTML使用DIV+css实现展开全文的功能
  3. 怎么申请个人邮箱呢?快来看看快速申请的方法吧!
  4. 网站日志分析——关于茶叶网站用户的访问日志分析
  5. 支持升级 Android P Beta 的机型
  6. 适合学生党的蓝牙耳机有哪些?400元蓝牙耳机性价比之王
  7. 平面设计师工资怎么样?学平面设计好吗?
  8. 顺序有序表进行二分查找
  9. ant-design-vue的时间选择器中英文混合问题
  10. 【微服务】Day16(开发酷鲨商城秒杀业务)