2.有参:
格式1:image(size,background,foreground,format,text),size指定图片的尺寸,格式为300x250,background指定图片的背景色,foreground指定图片的前景色,format指定图片的格式,可选png、gif、jpg,text参数指定图片上的文字。
格式2:image(size)
格式3:image(size,background)
格式4:image(size,background,foreground)
格式5:image(size,background,foreground,text)
模拟图片二进制素材数据:
1.无参:dataImage生成随机的base64图像编码。
2.有参:
格式1:dataImage(size,text),size参数这是图片尺寸,text参数设置图片上的文字。
格式2:dataImage(size)
模拟颜色字符串的相关占位符:
1.color:随机生成格式为“#rrggbb”的颜色。
2.hex:随机生成格式为“#rrggbb”的颜色值。
3.rgb:随机生成格式为“rgb(r,g,b)”的颜色值。
4.rgba:随机生成格式为“rgba(r,g,b,a)”的颜色值。
5.hsl:随机生成格式为“hsl(h,s,l)”的颜色值。
模拟英文文本段落:
1.无参:paragraph随机生成一段文本。
2.有参:
格式1:paragraph(min,max)随机生成一段文本,句子个数在min于max之间。
格式2:paragraph(len)随机生成一段文本,len设置句子个数,示例如下:
{
'data|3-5':[
{
time:'@date',
expriseTime:'@datetime',
image:'@image("300x250","#222312","#f1f2f3","jpg","image")' ,
content:'@paragraph(1,3)'
}
]
}
生成的随机数据如下:
模拟中文文本段落:
1.无参:cparagraph随机生成中文段落
2.有参:
格式1:cparagraph(min,max)
格式2:cparagraph(len)
模拟英文句子:
1.无参:sentence随机生成一句文本,首字母会大写。
2.有参:
格式1:sentence(min,max),随机生成一句文本,文本中单词个数为min到max之间。
格式2:sentence(len),随机生成一句文本,文本中单词个数为len。
模拟中文句子:
1.无参:csentence随机生成一句中文文本。
2.有参:
格式1:csentence(min,max)
格式2:csentence(len)
模拟英文单词:
1.无参:word随机生成一个单词。
2.有参:
格式1:word(min,max),生成单词中字符个数为min到max之间。
格式2:word(len),生成单词中字符个数为len。
模拟中文词:
1.无参:cword随机生成一个汉字。
2.有参:
格式1:cword(pool),pool为汉字字符串,从pool字符池中选取一个汉字。
格式2:cword(length),随机生成一个词,汉字个数为length。
格式3:cword(min,max),随机生成一个词,汉字个数为min到max之间。
格式4:cword(pool,length)
格式5:cword(pool,min,max)
模拟标题:
1.无参:title随机生成标题。
2.有参:
格式1:title(len)生成单词个数为len的标题。
格式2:title(min,max)生成单词个数为min到max之间的标题。
模拟中文标题:
1.无参:ctitle
2.有参:
格式1:ctitle(len)
格式2:ctitle(min,max)
模拟姓名相关的占位符:
1.first随机生成常见的英文名。
2.last随机生成常见的英文姓。
3.name(middle),随机生成一个英文姓名,middle为布尔参数,设置是否生成中间名。
4.cfirst随机生成一个中文姓。
5.clast随机生成一个中文名。
6.cname随机生成一个中文姓名。
模拟网址相关占位符:
1.url(protocol,host)随机生成一个url,protocol指定协议,host指定主机,也可以无参。
2.protocol随机生成一个url协议,例如http。
3.domain随机生成一个域名。
4.tld随机生成一个*域名。
5.email(domain)随机生成一个email地址,domain指定域名,也可以无参。
6.ip随机生成一个ip地址。
模拟地址相关占位符:
1.region随机生成一个中国区域,例如华北。
2.province随机生成一个中国省份。
3.city(pro)随机生成一个中国城市,pro为布尔值,指定是否生成其所在的省份,也可以无参。
4.county(all)随机生成一个中国县,all为布尔值,指定是否生成其所在的省市。也可以无参。
5.zip随机生成一个邮编。
模拟id相关占位符:
1.guid随机生成一个GUID。
2.id随机生成一个18位身份证号。
四、一个用express搭建Mock服务的示例
var express = require('express');
var app = express();
var Mock = require('mockjs');
app.get('/mock', function(req, res){
var data = Mock.mock({
"name":'@cname',
"content":'@string(0, 5)',
});
response = {
"data":data
}
res.end(JSON.stringify(response));
});
var server = app.listen(8082, function(){
var host = server.address().address
var port = server.address().port
})
上面代码开启了一个get请求,如果正确安装了node,express,mock.js,使用node运行此文件后直接在浏览器通过127.0.0.1:8082/mock地址进行访问即可看到生成的mock数据。
Mock数据的初衷是在前端开发中进行接口的模拟使用,在接口结构和访问url都已经确定,只是没开发完成是,可以使用Charles结合Mock数据来仿真接口返回。Charles工具可以将某个请求映射到另外一个地址上,在Charles抓到的请求上邮件,弹出的菜单中选择Map Remote选项。
在弹出的窗口中将映射到的主机设置为127.0.0.1,端口设置为8082,地址设置为mock即可访问上面文件生成的模拟数据。
五、一个方便易用的Java模拟数据客户端
有时候我们需要mock的接口有很多,如果能够方便的对这些mock文件进行管理不用每次都通过终端来操作就更方便了。这里有我写的一个JAR小工具,可以在Mac或Windows上扩平台进行使用。下载地址如下:
http://zyhshao.github.io/EasyMock/welcome.html。
这个工具就是一个简单的JAR包,在其中封装了操作终端的命名,只需要在左右列表中创建相应的请求路径,在右侧直接编写Mock.js模拟数据对象后,开启服务即可,开启服务后会将左右列表中所有的接口都开启。如下图:
还需要注意,这个工具不十分完善,如果有产生错误会被捕获但并没有任何提示,如果你没正确安装node或者express或者mock.js,再或者你的mock.js代码有问题,服务都不能正确启动。