# Mock Data

Mock 数据是前端开发过程中必不可少的一环，是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发更加独立自主，不会被服务端的开发所阻塞。

# 约定式 Mock 文件

/mock 文件夹下所有文件为 mock 文件。

比如：

.
├── mock
    ├── api.ts
    └── users.ts
└── src
    └── pages
        └── index.tsx

1
2
3
4
5
6
7

/mock 下的 api.ts 和 users.ts 会被解析为 mock 文件。

# 引入 Mock.js

mockjs (opens new window) 是常用的辅助生成模拟数据的三方库，借助他可以提升我们的 mock 数据能力。

比如：

import mockjs from 'mockjs';
export default {
  // 使用 mockjs 等三方库
  'GET /api/tags': mockjs.mock({
    'list|100': [{ name: '@city', 'value|1-100': 50, 'type|0-2': 1 }],
  }),
};

1
2
3
4
5
6
7

更多配置请参考UmiJs文档 (opens new window)

# 开源的api文档管理系统

线上有很多开源的api文档管理系统，如果个人或公司满足业务需求条件的情况下，可以自己进行安装、调试以供开发使用。

# 1、YApi(百度)

YApi 是高效、易用、功能强大的 api 管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务。可以帮助开发者轻松创建、发布、维护 API，YApi 还为用户提供了优秀的交互体验，开发人员只需利用平台提供的接口数据写入工具以及简单的点击操作就可以实现接口的管理。Github (opens new window)

# 2、阿里的RAP（JAVA）

注意：

新版 RAP2 已不是 JAVA 开发具体请看说明 (opens new window)

Web接口管理工具，开源免费，接口自动化，MOCK数据自动生成，自动化测试，企业级管理。阿里妈妈MUX团队出品！阿里巴巴都在用！1000+公司的选择！一直被抄袭，从未被超越。 GitHub (opens new window)

# 3、ShowDoc（PHP）

国内开源的非常好用的一款API文档管理系统，安装也非常方便，只需将源代码放到项目目录下自动安装运行即可。 GitHub (opens new window)

当然还有一些其它的产品 swagger (opens new window) 、eoapi (opens new window)、postman (opens new window) 等等，这里就不一一列举了，自己有兴趣可以自己去查找资料。

← 与服务端交互构建与发布 →