本地部署easy mock实践
前端开发中少不了数据mock,后端同学一般和我们前端同时开发,在开发初期,我们一般先和后端同学约定好接口规范,然后,我们就可以根据约定好的接口规范,使用数据mock技术,创造一些假数据,方便开发和调试。
数据mock,可以直接硬来,本地写JSON或JS文件,里面包裹着我们需要的数据。这种方式虽然简单,但不方便调试,也不方便响应式地返回我们需要的数据。在这里就要推荐十分性感的在线数据mock平台:easy mock。也许,你无法访问它,别着急,快要提到今天的重点:本地部署easy mock的实践。
重度依赖easy mock线上服务的我,某天突然发现,这个服务时好时坏,而且基本是访问不了,当时正在依赖mock数据调试程序的我,内心一阵无奈。想到的一个临时补救措施是,转战另一个数据mock在线服务平台:fastmock,这个平台解决了燃眉之急。虽然有这些online service,但它们的不确定性,让我心里没底,于是开始实践本地部署easy mock。
本地部署的基本步骤在这里:https://github.com/easy-mock/easy-mock#quick-start
我的机器环境是windows 10 64位。
按照上面的步骤,我依次下载和安装了:MongoDB (>= v3.4) 和 Redis(>= v4.0)。windows 10安装redis稍微有点费力,首先要找对版本:https://github.com/tporadowski/redis/releases,从这里下载zip版本,解压后,双击redis-server.exe启动redis。如果你双击后,redis闪退,可以看看这个解决办法:https://blog.csdn.net/qq_40361770/article/details/80454248。
之后本地下载easy mock项目,安装依赖:
$ git clone https://github.com/easy-mock/easy-mock.git
$ cd easy-mock && npm install
默认的配置信息基本够用,如果你需要自定义,可以创建一个config/local.json
,然后在里面进行自定义配置,它会覆盖默认设置。
上述步骤已经默认本机是安装了node,然后需要特别留意node版本,如果使用的是v10.x版本,很大概率需要降级到v8.x版本,不然有可能会在链接mongoDB的时候遇到问题。比如,https://github.com/easy-mock/easy-mock/issues/269
准备工作结束,我们可以启动easy mock本地项目了:
$ npm run dev
# Visit http://127.0.0.1:7300
因为配置信息的host对应的是'0.0.0.0',所以我们可以通过http://127.0.0.1:7300
、http://localhost:7300
、http://本机IP:7300
多种方式进行访问。
有一点不太方便,创建的接口只能在本机存储,没有同步到云端的功能。easy mock如果有个接口批量导入的功能就好啦。