本期推荐的Mockcat是一个前后端分离开发的工具集。
项目简介
Mockcat提供了Mock数据的模块化管理，接口数据的定义和测试（支持JSON5/XML文档格式、Mock.js的语法规则），Mock数据的操作日志，以及数据的Mock服务功能。另外还提供了开发中常用的一些工具以及收藏了工具类的网站。
Mock测试
MOCK测试就是在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试的测试方法。
安装运行
- 安装Node.js
- 在控制台执行以下命令：
> npm install
> npm start若运行压缩版，请将config.js中的debug置为false，然后执行npm run build，再执行npm start。
使用说明
1. 添加Mock数据模块
点击【添加模块】按钮可添加新的Mock数据模块。对于已添加的数据模块可以修改和删除。点击【版本历史】可以查看Mock数据修改的版本记录，点击【代理配置】（显示为端口号）可以配置Mock的端口与路由的URL（用于Mock数据时省略模块名，保持与开发的URL一致，例如：/=>/example/）。
2. Mock数据文件编辑
点击【MOCK数据编辑】页面中的模块名进入到Mock数据的编辑页面。Mock数据的存储使用的文件系统，与URL路径相对应，Mock数据的操作与文件操作相同。选择目录树的结点，可以添加、修改或删除结点，点击【复制】按钮，在列表中可选择不同的操作复制数据、文件或文件夹。点击【导出】按钮，可以选择导出入参和出参的POJO文件。点击【测试】可测试本地的Mock接口(类似于Postman，但支持JSON5和XML的格式与注释)，点击【链接地址】可查看Mock数据或文件列表。
3. Mock数据编辑器
Mock数据目录只支持JSON和XML格式的数据，可以在JSON和XML数据中加入注释。一般会添加文件的注释（对接口进行说明），也可以对字段进行注释（说明字段的含义）。注：/**/和<!—->注释不能嵌套，注释和数据编辑都可以使用快捷键操作，参照如下的快捷键列表。
全屏与查找替换
列表与编辑预览
4. Mock接口测试
存储到系统中的JSON和XML数据文件，可以用来测试本地的API接口。点击【测试】，弹出的测试Mock接口的对话框，会将模板中的URL、Method、Headers和入参直接填充到对应的输入框中，然后点击【发送】即可。首次的URL地址将会使用http://127.0.0.1:8080作为默认的服务器地址，可以手动修改为实际的API服务器地址，后续将会记录到Cookie中，不需要反复输入。若测试的接口需要登录认证，则需要先登录认证后再测试该接口。
5. 数据的Mock服务
开发过程中前端与后台开发都可协商修改接口数据结构，编辑好的Mock可以用于前端开发页面使用了。选择不同的目录结点，点击【链接地址】可查看Mock数据 （可省略扩展名），如图所示。待后台开发完成后可将服务器地址切换到开发服务器进行调试了，可以在地址中添加status参数来指定返回的状态码。注：编辑器对JSON和XML数据分别按JSON5和XML的标准进行了校验，只有符合标准才能保存和转换成Mock数据。
