摘要:在前后端分离的开发方式下,后端如果暂时没数据,前端为了开发方便可以使用模拟数据来对付一下,目前提供模拟数据的平台已经有不少,大多数都是自带管理的,比如甚至我们可以本地用自己写其中比较小清新,使用起来也方便点,缺点就是没有的分组功能,但平
在前后端分离的开发方式下,后端如果暂时没数据,前端为了开发方便可以使用模拟数据来对付一下,目前提供模拟数据的平台已经有不少,大多数都是自带Api管理的,比如Yapi、sosoApi、epLinker、Easy-Mock甚至我们可以本地用Mock.js自己写...
其中Easy-Mock比较小清新,使用起来也方便点,缺点就是没有Api的分组功能,但平时应付应付不太大的应用、个人应用等场景足够了;如果要进行分组权限管理之类的复杂功能,则推介使用目前正在快速更新的Yapi~ 当我们快乐的在官网使用Easy-Mock的时候,天有不测之风云:
官网的被不少人直接拿到开发环境用,因此经常被挤爆;
有些公司/研究所限制外网;
为什么网上已经有好多介绍部署Easy-Mock的文章还要发个呢,因为我用他们的文章部署的时候趟了好多坑...所以记一下方便以后自己翻阅
因此这里介绍一下如何本地去部署Easy-Mock
1. MongoDB、Redis安装MongoDB版本4.0.2,Redis版本3.2.100
1.1 MongoDB安装MongoDB的安装要注意,如果已经有了MongoDB服务了,需要sc delete MongoDB把服务卸载;
官网下载安装包安装之后一直下一步,我这里是安装到D:MongoDB目录下,根据自己情况自行更改;
主要有下面几步:
新建文件
D:MongoDB下面新建一个配置文件mongo.conf
dbpath=D:MongoDBdatadb logpath=D:MongoDBlogmongo.log logappend=true journal=true quiet=true port=27017
D:MongoDBdata下面新建一个文件夹db
D:MongoDBlog下面新建一个文件mongo.log
创建服务
把可执行文件的D:MongoDBin添加到系统变量里;
管理员权限的cmd中注册服务:mongod --config "D:MongoDBmongo.conf" --install --serviceName "MongoDB"
cmd中开启服务:net start mongodb
这时候浏览器中访问127.0.0.1:27017应该就已经有内容了
进入mongo环境
如果之前安装无误的话,cmd中输入mongo应该就可以进入mongo的可执行环境了,这时输入db应显示test
mongo运行环境下:use easymockdb
1.2 Redis安装Redis类似,在Github-release下载一个msi版本安装,一直下一步;
添加路径
添加安装路径D:Redis到系统变量里
创建服务
cmd下redis-server redis.windows.conf
如果报bind: No error错,则cmd上依次执行
redis-cli.exe shutdown exit redis-server.exe redis.windows.conf
这时候出来一个图就是正确安装了;
cmd中注册服务:redis-server --service-install redis.windows-service.conf --loglevel verbose
启动服务
cmd下:redis-server --service-start
常用Redis命令:
卸载服务:redis-server --service-uninstall
开启服务:redis-server --service-start
停止服务:redis-server --service-stop
2 安装部署Easy-Mock
首先要全局安装两个库
npm i -g cross-env pm2
具体安装从git上clone下来并install、build,我这里是安装到E:Official ProjectEasy-Mock
git clone https://github.com/easy-mock/easy-mock.git cd easy-mock npm install npm run build
配置在config/default.json中自行修改,注意其中有几个地方要改一下
db改为mongodb://localhost:27017/easymockdb`
redis->port应该跟之前安装的redis配置的port一致,默认6379
在项目目录下使用pm2守护运行:
cd "E:Official ProjectEasy-Mock" cross-env NODE_ENV=production pm2 start app.js
这时候访问本地的 http://localhost:7300/ 就可以打开Easy-Mock页面了,跟Easy-Mock官网一样的~
网上的帖子大多深浅不一,甚至有些前后矛盾,在下的文章都是学习过程中的总结,如果发现错误,欢迎留言指出~
参考:
Redis在windows下安装过程
Easy-mock文档 - 如何本地部署
easy-mock 本地部署(挤需体验三番钟,里造会干我一样,爱象节款mock)
PS:欢迎大家关注我的公众号【前端下午茶】,一起加油吧~
另外可以加入「前端下午茶交流群」微信群,长按识别下面二维码即可加我好友,备注加群,我拉你入群~
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/97768.html
摘要:在前后端分离的开发方式下,后端如果暂时没数据,前端为了开发方便可以使用模拟数据来对付一下,目前提供模拟数据的平台已经有不少,大多数都是自带管理的,比如甚至我们可以本地用自己写其中比较小清新,使用起来也方便点,缺点就是没有的分组功能,但平 在前后端分离的开发方式下,后端如果暂时没数据,前端为了开发方便可以使用模拟数据来对付一下,目前提供模拟数据的平台已经有不少,大多数都是自带Api管理的...
摘要:在工作中,我们的前端工作流一般开始于前后端协商好文档之后,再针对这个文档做模拟数据,然后用做好的进行开发,后端开发完毕之后再改一下数据的切换到正式进行联调如下本文介绍的一个工具或者说方法,来将这个工作流优化一下,也是我平时工作正在用的方法, 在工作中,我们的前端工作流一般开始于前后端协商好Api文档之后,再针对这个Api文档做mock模拟数据,然后用做好的mock进行开发,后端开发完毕...
摘要:安装配置文件找到,或者创建一个文件,将如下需要替换的字段换成自己的配置即可。默认是不需要修改配置文件的不同环境会加载不同的配置文件,在此之前你应该对有所了解。学习群,美女多多。老司机快上车,来不及解释了。 前言 很多小伙伴问我怎么在自己公司的项目里面添加配置mock,在vue项目里面都知道怎么配置mock,在大型前端项目里面就一脸疑惑了。showImg(https://segmentf...
摘要:前端开发如何做好本地接口模拟之前有写过一篇本地化接口模拟前后端并行开发,讲到过本地接口模拟,但不太细致。有哪些途径本地接口模拟一般分为工具层面和代码层面。因为本地接口模拟功能主要是针对的返回值为格式的异步请求,所以这种方式主要用文件。 前端开发如何做好本地接口模拟 之前有写过一篇 本地化接口模拟、前后端并行开发,讲到过本地接口模拟,但不太细致。这次细细的说说本地接口模拟。 1. 有什么...
阅读 1102·2021-11-23 10:04
阅读 2374·2021-11-22 15:29
阅读 2644·2021-11-19 09:40
阅读 688·2021-09-22 15:26
阅读 2086·2019-08-29 16:27
阅读 2457·2019-08-29 16:10
阅读 1876·2019-08-29 15:43
阅读 3240·2019-08-29 12:43