在现代前后端分离的开发模式中,后端接口的数据模拟是一个常见且必要的需求。尤其是在后端接口尚未开发完成时,前端开发需要依赖模拟数据进行开发与测试。Easy-Mock 是一个非常流行的开源工具(虽然它已经停止更新好长时间了),它可以帮助我们快速模拟 RESTful API 接口,支持 JSON 数据返回、接口路由配置等功能,极大地提高了前后端协作的效率。
在实际的企业应用中,出于安全性、隐私保护或自定义需求,很多团队需要将 Easy-Mock 部署为私有化服务。本文将介绍如何将 Easy-Mock 部署到本地服务器或私有云环境中,并提供一些基本的使用指南。
介绍
Easy Mock 是一个可视化,并且能快速生成模拟数据的持久化服务。可私有化部署
特性
- 支持接口代理
- 支持快捷键操作
- 支持协同编辑
- 支持团队项目
- 支持 RESTful
- 支持 Swagger | OpenAPI Specification (1.2 & 2.0 & 3.0)
- 基于 Swagger 快速创建项目
- 支持显示接口入参与返回值
- 支持显示实体类
- 支持灵活性与扩展性更高的响应式数据开发
- 支持自定义响应配置(例:status/headers/cookies)
- 支持 Mock.js 语法
- 支持 restc 方式的接口预览
github地址:https://github.com/easy-mock/easy-mock
私有化部署
我直接使用的是docker部署的,作者再dockerhub上提供了一个镜像https://hub.docker.com/r/easymock/easymock
此服务依赖redis和mongodb,我之前部署过redis和mongodb,所以此处仅需要部署web服务就可以了。
创建docker-compose.yml
首先,我们再服务器上创建一个部署目录easymock
,在此目录下创建docker-compose.yml文件,内容如下:
docker-compose.yml
services:web:image: registry.cn-hangzhou.aliyuncs.com/xjpublic/easymock:latestcommand: /bin/bash -c "npm start"ports:- 7300:7300volumes:# 日志地址,根据需要修改为本地地址- ./logs:/home/easy-mock/easy-mock/logs# 配置地址,请使用本地配置地址替换- ./production.json:/home/easy-mock/easy-mock/config/production.json# 上传文件- ./public:/home/easy-mock/easy-mock/publicrestart: always
官方镜像是easymock/easymock:1.6.0
,我在这转存到阿里云镜像仓库中了,下载不下来的家人可以使用我阿里云镜像仓库中的镜像。
创建production.json配置文件
在docker-compose.yml同级目录下创建production.json配置文件,文件需要给其它用户赋予读权限sudo chmod +r production.json
,文件内容如下:
production.json
{"port": 7300,"host": "0.0.0.0","pageSize": 30,"proxy": false,"db": "mongodb://root:123456@192.168.31.20:27017/easy-mock","unsplashClientId": "","redis": {"keyPrefix": "[Easy Mock]","port": 6379,"host": "192.168.31.20","password": "123456","db": 0},"blackList": {"projects": [],"ips": []},"rateLimit": {"max": 1000,"duration": 1000},"jwt": {"expire": "14 days","secret": "shared-secret"},"upload": {"types": [".jpg", ".jpeg", ".png", ".gif", ".json", ".yml", ".yaml"],"size": 5242880,"dir": "../public/upload","expire": {"types": [".json", ".yml", ".yaml"],"day": -1}},"ldap": {"server": "","bindDN": "","password": "","filter": {"base": "","attributeName": ""}},"fe": {"copyright": "","storageNamespace": "easy-mock_","timeout": 25000,"publicPath": "/dist/"}
}
需要注意修改的配置文件是mongodb的连接地址,用户密码及数据库,redis的连接地址及密码
启动服务
配置好之后,在docker-compose.yml同级目录下执行以下命令启动服务
docker-compose up -d
查看容器启动日志:
docker-compose logs -f
如果出现以下日志:
则为日志文件权限问题,给挂载日志目录logs赋予权限
sudo chmod -R 777 logs
之后重启容器,出现以下日志则说明启动成功了
服务使用
在浏览器中打开地址 http://192.168.31.20:7300 打开服务,输入用户名密码登录系统,如果用户之前没有,则会注册
登录之后创建项目,创建接口,具体步揍可查看文档
我们创建接口之后配置响应数据,Easy Mock 引入了 Mock.js,下面我们演示两个接口。更详尽的用例及文档请参考 Mock.js 官网。
- 配置响应数据(随机数据)
{"code": 200,"data|10": [{"string|1-2": "@string","integer": "@integer(10, 30)","float": "@float(60, 100, 2, 2)","boolean": "@boolean","date": "@date(yyyy-MM-dd)","datetime": "@datetime","now": "@now","url": "@url","email": "@email","region": "@region","city": "@city","province": "@province","county": "@county","upper": "@upper(@title)","guid": "@guid","id": "@id","image": "@image(200x200)","title": "@title","cparagraph": "@cparagraph","csentence": "@csentence"}]
}
数据响应
- 配置响应数据(函数)
{code: function({_req}) {if (_req.body.username && _req.body.password && _req.body.username === 'admin' && _req.body.password === '111') {return 200} else {return 500}},token: function({_req}) {if (_req.body.username && _req.body.password && _req.body.username === 'admin' && _req.body.password === '111') {return "1111"} else {return}},msg: function({_req}) {if (_req.body.username && _req.body.password && _req.body.username === 'admin' && _req.body.password === '111') {return "成功"} else {return "失败"}}}
数据响应
总结
Easy-Mock 是一个非常实用的模拟数据工具,尤其在前后端分离开发的场景中,可以极大地提高前端开发效率。通过将 Easy-Mock 部署为私有化服务,你可以完全掌控模拟数据的生成和管理,同时保障数据的安全性和隐私性。