windows本地安装部署 Easy Mock

2018-09-14 admin

在前后端分离的开发方式下,后端如果暂时没数据,前端为了开发方便可以使用模拟数据来对付一下,目前提供模拟数据的平台已经有不少,大多数都是自带Api管理的,比如YapisosoApiepLinkerEasy-Mock甚至我们可以本地用Mock.js自己写…

其中Easy-Mock比较小清新,使用起来也方便点,缺点就是没有Api的分组功能,但平时应付应付不太大的应用、个人应用等场景足够了;如果要进行分组权限管理之类的复杂功能,则推介使用目前正在快速更新的Yapi~ 当我们快乐的在官网使用Easy-Mock的时候,天有不测之风云:

  1. 官网的被不少人直接拿到开发环境用,因此经常被挤爆;
  2. 有些公司/研究所限制外网;

为什么网上已经有好多介绍部署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目录下,根据自己情况自行更改;

主要有下面几步:

  1. 新建文件 D:\MongoDB下面新建一个配置文件mongo.conf

    dbpath=D:\MongoDB\data\db
    logpath=D:\MongoDB\log\mongo.log
    logappend=true
    journal=true
    quiet=true
    port=27017
    

    D:\MongoDB\data下面新建一个文件夹db

    D:\MongoDB\log下面新建一个文件mongo.log

  2. 创建服务 把可执行文件的D:\MongoDB\bin添加到系统变量里;

    管理员权限的cmd中注册服务:mongod --config "D:\MongoDB\mongo.conf" --install --serviceName "MongoDB"

    cmd中开启服务:net start mongodb

    这时候浏览器中访问127.0.0.1:27017应该就已经有内容了

  3. 进入mongo环境

    如果之前安装无误的话,cmd中输入mongo应该就可以进入mongo的可执行环境了,这时输入db应显示test

    mongo运行环境下:use easymockdb

1.2 Redis安装

Redis类似,在Github-release下载一个msi版本安装,一直下一步;

  1. 添加路径

    添加安装路径D:\Redis到系统变量里

  2. 创建服务

    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

  3. 启动服务

    cmd下:redis-server --service-start

常用Redis命令:

  • 卸载服务:redis-server --service-uninstall
  • 开启服务:redis-server --service-start
  • 停止服务:redis-server --service-stop

2 安装部署Easy-Mock

  1. 首先要全局安装两个库

    npm i -g cross-env pm2
    
  2. 具体安装从git上clone下来并installbuild,我这里是安装到E:\Official Project\Easy-Mock

    git clone https://github.com/easy-mock/easy-mock.git
    cd easy-mock
    npm install
    npm run build
    
  3. 配置在config/default.json中自行修改,注意其中有几个地方要改一下

    1. db改为`mongodb://localhost:27017/easymockdb``
    2. redis->port应该跟之前安装的redis配置的port一致,默认6379
  4. 在项目目录下使用pm2守护运行:

    cd "E:\Official Project\Easy-Mock"
    cross-env NODE_ENV=production pm2 start app.js
    

这时候访问本地的 http://localhost:7300/ 就可以打开Easy-Mock页面了,跟Easy-Mock官网一样的~


网上的帖子大多深浅不一,甚至有些前后矛盾,在下的文章都是学习过程中的总结,如果发现错误,欢迎留言指出~

参考:

  1. Redis在windows下安装过程
  2. Easy-mock文档 - 如何本地部署
  3. easy-mock 本地部署(挤需体验三番钟,里造会干我一样,爱象节款mock)

[转载]原文链接:https://segmentfault.com/a/1190000016401747

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-40286.html

文章标题:windows本地安装部署 Easy Mock

相关文章
easyui Draggable组件实现拖动效果
easyui做为一个封装了JQusey的UI插件,其实还是蛮好用的,至少省了像我这种渣渣很多时间。 Draggable的加载方式有两种: 1,通过class加载,如下: <div id="box" class=&q...
2017-03-29
express + mock 让前后台并行开发
在我们平时项目刚启动时,由于后台也是刚开始开发,我们前端往往在开发过程中没有数据和接口请求的,都要造一些假数据进去或者使用mock造一些数据进去,但是这样的话往往会偶合一些没用的代码进去。到时候还得删除。 前后需要先商量好数据格式,等等...
2018-06-05
JavaScript制作windows经典扫雷小游戏
代码其实很简单,这里就不多废话了 <html> <head> <meta http-equiv="Content-Language" content="zh-cn"&gt...
2017-03-22
纯JavaScript模仿windows系统日历
在网上看了几篇关于生成日历的js 教程于是自己也整理了一个想法思路 大家有什么建议欢迎提出 首先这个项目里面本人认为的几个难点: 1、如何定义每一个月的第一天位置 每个月的第一天都不是固定的星期几,所以第一天的输出需要动动脑筋把它放到对应的...
2017-03-20
vue+webpack+nginx 部署在服务器非根目录下访问404问题
最近想把所有的前端项目都整合在两台机器上,通过负载访问如下路径 <a>Https://域名/gameCenter/</a> <a>Https://域名/member/</a> <a&gt...
2018-01-31
【eggjs】部署egg时碰到的日志权限问题
前两天将一个egg部署到服务器时,用npm start就是启动不了,错误信息为无权限创建log目录。查看工作目录权限,当前用户是有权限的,看了源码,原来是用的npm包的问题。这里简单记录下解决过程。 首先,在生产环境下的启动是通过egg-s...
2018-03-11
IoT实时数据可视化方案:Grafana+InfluxDB+Telegraf+MQTT协议+Windows 10
为什么写这篇博客? 最近被论文折磨的死去活来,实时数据可视化方案是我论文的题目。 每天都被这些技术玩弄于股掌之间,靠看文档延续生命和出成果。不得不说,做完这个论文可能以后不敢乱写readme了。 由此大胆推测大家的发量问题有都是看文档时产...
2017-12-24
windows 下安装nodejs 环境变量设置
要设置两个东西,一个是PATH上增加node.exe的目录C:\Program Files\nodejs,一个是增加环境变量NODE_PATH,值为C:\Program Files\nodejs\node_modules 一、下载 去nod...
2017-02-14
Sentry前端部署拓展篇(sourcemap关联、issue关联、release控制)
之前的《基础篇》主要介绍了Sentry和基本部署流程,在实际使用过程中你会发现Sentry受欢迎的原因:除了单纯的监控异常还有溯源、分发任务等一条龙服务。本篇文章主要讲述Sentry中较好的拓展功能,包括: Release控制,分别处理线...
2018-05-02
Vue=>获取mock数据
自己做了个vue项目玩玩,没想到获取mock数据时折腾了大半天。 新版本webpack没有dev-server.js 1、在webpack.dev.config.js里加入: const express = require('ex...
2018-09-04
回到顶部