说明:本来之前也就自己随意用用,头段时间团队协作开发,后台忙不过来,故前端自己造数据,然后我就推荐了这个EasyMock,调研以后发现这家伙的网站不定时的就会无法访问,然后自己动手部署了一个,具体的部署步骤官网
已经给出了,按照说明文档一步步来基本没啥问题,留下这篇文章是为了为技术分享做知识储备,因为这个东西我感觉基本每位开发都会用的上,所以拿出来分享也是一件美事,毕竟大家相互学习才能提高。
正文
1、EasyMock是你可以认为是一个在线版的MockJs平台,和mockjs的语法一样。除了MockJs的优势外,还有如下优势:
- 无需配置、可多人协作
- 不需要写代码(爽...)
首页就是下面这个样子:
![](https://img.haomeiwen.com/i1554188/12eff659c8ed7d16.png)
2、创建接口
- 基础语法
{
"code": 0,
"msg": null,
"result|1-10": [{ // 数据模板
"id": "@id",
"name": "@cname",
"age": "@natural(60, 100)" // 数据占位符
}]
}
- 一些高级用法
a.使用function响应数据
{
"status": 0,
name: function({
_req
}) {
return _req.query.type
},
data: function({
_req,
Mock
}) {
return _req.query.type ? {
id: Mock.mock("@id()"),
cname: Mock.mock("@cname()"),
} : {}
},
"list|1-4": [{
"id": "@id",
"name": "@cname",
"IP": "@ip",
"email": "@email",
"age": "@natural(60, 100)"
}],
"string|1-10": "★"
}
b. 语法提示
现在数据编辑器支持语法提示,可以输入em.
即可。
结束
上述知识不全,因为我发现每个easy-mock项目里面就有详细的教程,除了基本语法,还包括高级用法等。与其在此班门弄斧不如告知你学习的路径在哪儿。
网友评论