EasyMock快速入门

知识储备

在前后端分离的项目中,前端和后端工程师可以独立进行开发,互相不受影响,我们都知道后端攻城狮可以通过 swagger 调试接口,那么前端工程师呢!

1 Mock.js

一款模式数据生成器,帮助前端攻城师独立于后端进行开发,帮助编写单元测试。

优势

1. 根据数据模板生成模拟数据
2. 模拟Ajax请求，生成并返回模拟数据
3. 基于HTML模板生成模拟数据

特点

1. 前后端分离
2. 独立于后端进行开发
3. 增加单元测试真实性
4. 随机数据，模拟更真实场景

弊端

1. 界面单一
2. 灵活性比较差

2 EasyMock

一款简单、高效、可视化、快速生成模拟数据的在线mock服务，更便捷的管理Mock数据。

地址：https://www.easy-mock.com/
在线文档：https://www.easy-mock.com/docs
但是由于在线使用 EasyMock 的诸多不稳当性，再加上项目已经开源到 GitHub ,我们完全可以将项目部署到服务器中进行使用，稳定性会增强很多。

本地部署EasyMock

EasyMock 同样也是一款前端框架搭建而成的项目，无论运行到 Linux 或者 Windows，都需要安装 Node.js 的环境；同时还需要安装 MongoDB 和 Redis。

1 Centos部署node.js

（1.1）在 node 官网下载 node-v10.16.3-linux-x64.tar.xz 上传至 Centos 服务器
（1.2）解压 .xz 文件

xz ‐d node-v10.16.3-linux-x64.tar.xz

（1.3）解压 .tar 文件

tar ‐xvf node-v10.16.3-linux-x64.tar

（.4）移动目录到 /usr/local 下（默认用户安装软件目录）

mv node-v10.16.3-linux-x64 /usr/local/

（1.5）配置环境变量

vi /etc/profile

#set for nodejs  
export NODE_HOME=/usr/local/node  
export PATH=$NODE_HOME/bin:$PATH

（1.6）配置文件生效

source /etc/profile

（1.7）查看 node 是否安装成功

node ‐v

2 MongoDB安装与启动

（2.1）配置 yum 源

vi /etc/yum.repos.d/mongodb‐org‐3.2.repo

#set for MongoDB
[mongodb‐org‐3.2]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb‐org/3.2/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server‐3.2.asc

（2.2）安装并启动

yum install ‐y mongodb‐org

systemctl start mongod

3 Redis安装和启动

（3.1）安装软件依赖

yum install epel‐release

（3.2）下载并启动 redis

yum install redis

systemctl start redis

4 本地部署Easy-Mock

（4.1）下载地址 https://github.com/easy-mock/easy-mock，并上传至服务器
（4.2）安装 zip 和 unzip，提供解压功能

yum install zip unzip

（4.3）解压项目

unzip easy‐mock‐dev.zip

（4.4）安装依赖模块

npm install

（4.5）执行构建

npm run build

（4.6）关闭防火墙(访问地址失败，需关闭防火墙)

systemctl stop firewalld

（4.7）启动项目

npm run start

Easy Mock操作

1 浏览器打开 http://192.168.211.132:7300#### 2 导入SwaggerAPI文档

（2.1）EasyMock 中右下角添加项目后，点击“设置”按钮

（2.2）SwaggerDocs API 中选择 Upload，上传扩展名为 json/yml 文件，进行保存

（2.3）回退到主界面中，点击“同步Swagger”，既可在下方看到导入的文件接口。

3 前端项目使用API接口

（3.1）复制 Easy Mock 项目地址和接口方法

（3.2）项目开发配置文件修改

（3.3）接口请求方法的使用