从零开始打造 Mock 平台 - 核心篇
前言 最近一直在捣鼓毕设,准备做的是一个基于前后端开发的Mock平台,前期花了很多时间完成了功能模块的交互。现在进度推到如何设计核心功能,也就是Mock数据的解析。 根据之前的需求设定加上一些思考,用户可以像写json一般轻松完成数据的mock,也可以通过在mock数据模型之上进行构建出复杂的数据模型并在项目中引用。 这看似简单的需求其实需要处理几个不同的模块功能以及交互设计。该如何处理解析不同mock数据并进行构造?前端交互中模拟数据该如何处理?数据构造时如何加载用户设定的数据模型?错误捕捉与处理? 这些都暂时没有一个好的处理结果。因此想要完成核心功能我们需要明确需求,并且通过同类产品是如何处理的,通过阅读它们的源码来学习思想并加入。 明确需求 在明确该功能模块之前我们可以通过模拟流程来明确。 用户 -> 添加数据模型 - > 实时看到构造结构 用户 -> 添加接口 -> 构造json格式返回参数 -> 预览 构造json格式返回参数 不仅包含返回的正文,同时也设定了 header 和 method。 阅读源码 符合大部分需求的开源项目有 mock.js easy-mock eolinker YAPI DOCCLEVER MOCK.JS篇 首先我们需要明确现阶段大部门的 Mock 平台或多或少都是受到 Mock.js 的思想或者是其增强版。 我们可以用下面简单的 json 通过