随机 API Mock 生成
后端接口没写好?在这里配置结构,瞬间生成逼真的随机假数据用于前端测试。
Mock 数据工厂
每行一个字段,格式:字段名: 类型
支持类型:string, number, boolean, image, date
随机 API Mock 生成器使用指南
📌 简介
随机 API Mock 生成器是一款专为前端开发者和测试人员准备的提效工具。在前后端分离的开发模式中,前端经常需要等待后端把接口写好才能联调页面。有了这个工具,你只需用简单的冒号语法(如 username: string)定义好数据字段,它就能瞬间为你生成一批带有逼真随机内容的 JSON 数组,让你直接对接前端组件。
📖 它是如何生成随机数据的?
工具内置了多种正则与算法生成逻辑。比如,当你声明了 `image` 类型时,它会自动拼接一个真实的随机占位图服务(Picsum)的 URL;当你声明 `date` 时,它会算出过去几年内的一个随机日期。生成的格式完全遵循 JSON 规范,你可以直接将结果保存为 `.json` 文件,或配置在 Mock.js、Apifox 等工具的本地环境中。
💼 常见应用场景
- 列表渲染测试:测试表格或瀑布流组件时,生成 50 条包含头像、名字、简介的数据,看排版会不会溢出。
- 状态切换测试:生成包含 `true` 和 `false` 的布尔值字段,测试前端徽章的显示与隐藏逻辑。
⚙️ 使用步骤
- 在左侧输入框中,按照
字段名: 类型的格式,每行写一个字段。 - 修改下方的“生成条数”。
- 点击“生成数据”按钮。
- 右侧会输出格式化好的 JSON 数据,点击“复制 JSON”即可拿去用。
⚠️ 注意事项
- 类型目前仅支持:string(字符串)、number(数字)、boolean(布尔)、image(图片链接)、date(日期)。
- 冒号请使用英文半角冒号
:,不支持中文冒号。