一个前、后端分离开发的工具集Mockcat

点击关注公众号，利用碎片时间学习

项目简介

Mockcat 提供了 Mock 数据的模块化管理，接口数据的定义和测试（支持JSON5/XML 文档格式、Mock.js 的语法规则），Mock 数据的操作日志，以及数据的Mock服务功能。另外还提供了开发中常用的一些工具以及收藏了工具类的网站。

Mock测试

MOCK 测试就是在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试的测试方法。

安装运行

1.安装 Node.js

2.在控制台执行以下命令：

> npm install  
  
> npm start

若运行压缩版，请将 config.js 中的 debug 置为 false，然后执行 npm run build，再执行 npm start。

使用说明

添加Mock数据模块

点击【添加模块】按钮可添加新的 Mock 数据模块。对于已添加的数据模块可以修改和删除。点击【版本历史】可以查看 Mock 数据修改的版本记录，点击【代理配置】（显示为端口号）可以配置 Mock 的端口与路由的 URL（用于 Mock 数据时省略模块名，保持与开发的 URL 一致，例如：/=>/example/）。

Mock数据文件编辑

点击【MOCK 数据编辑】页面中的模块名进入到 Mock 数据的编辑页面。Mock 数据的存储使用的文件系统，与 URL 路径相对应，Mock 数据的操作与文件操作相同。选择目录树的结点，可以添加、修改或删除结点，点击【复制】按钮，在列表中可选择不同的操作复制数据、文件或文件夹。

点击【导出】按钮，可以选择导出入参和出参的 POJO 文件。点击【测试】可测试本地的 Mock 接口(类似于 Postman，但支持 JSON5 和 XML 的格式与注释)，点击【链接地址】可查看 Mock 数据或文件列表。

Mock数据编辑器

Mock 数据目录只支持 JSON 和 XML 格式的数据，可以在 JSON 和 XML 数据中加入注释。一般会添加文件的注释（对接口进行说明），也可以对字段进行注释（说明字段的含义）。

注：/**/和注释不能嵌套，注释和数据编辑都可以使用快捷键操作，参照如下的快捷键列表。

Mock接口测试

存储到系统中的 JSON 和 XML 数据文件，可以用来测试本地的 API 接口。点击【测试】，弹出的测试 Mock 接口的对话框，会将模板中的 URL、Method、Headers 和入参直接填充到对应的输入框中，然后点击【发送】即可。

首次的 URL 地址将会使用http://127.0.0.1:8080作为默认的服务器地址，可以手动修改为实际的API服务器地址，后续将会记录到 Cookie 中，不需要反复输入。若测试的接口需要登录认证，则需要先登录认证后再测试该接口。

数据的Mock服务

开发过程中前端与后台开发都可协商修改接口数据结构，编辑好的 Mock 可以用于前端开发页面使用了。选择不同的目录结点，点击【链接地址】可查看 Mock 数据（可省略扩展名），如图所示。

待后台开发完成后可将服务器地址切换到开发服务器进行调试了，可以在地址中添加 status 参数来指定返回的状态码。注：编辑器对 JSON 和 XM L数据分别按 JSON5 和 XML 的标准进行了校验，只有符合标准才能保存和转换成 Mock 数据。

开源地址：https://gitee.com/kingwtd/mockcat

推荐：
最全的java面试题库
PS：因为公众号平台更改了推送规则，如果不想错过内容，记得读完点一下“在看”，加个“星标”，这样每次新文章推送才会第一时间出现在你的订阅列表里。点“在看”支持我们吧！

原文始发于微信公众号（Java笔记虾）：一个前、后端分离开发的工具集Mockcat

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/55943.html