🧪 Mock JSON 生成
为前端页面与接口文档快速生成可读的测试 JSON，支持用户/订单/商品等模板。
生成结果可粘贴到 Mock 平台或前端项目
Mock JSON 数据有什么用？
前端在后端接口未就绪时，需要可读的 JSON 样例驱动页面、组件与文档。Mock 数据生成器可快速产出结构真实、内容为随机的 JSON，避免手写大量重复字段。常见搜索词包括「mock json」「json 假数据」「测试数据生成」「接口 mock」。
适用场景
- 页面原型：列表、详情、仪表盘先用假数据跑通交互。
- 组件库 / Storybook：为表格、卡片提供多态样本。
- 接口文档截图：示例响应体更清晰。
- 联调对照：与真实接口字段对比，检查缺字段问题。
模板与字段说明
| 模板 | 主要字段 | 输出结构 |
|---|---|---|
| 用户列表 | id、uuid、name、email、phone、city、score、createdAt | 数组或 {code,data} |
| 订单列表 | orderId、userId、amount、status、items | 数组或包装对象 |
| 商品列表 | sku、title、price、stock、tags | 数组或包装对象 |
| 混合对象 | user + orders + products + meta | 单对象，适合详情页演示 |
推荐工作流
- 选择模板与条数，点击「重新生成」。
- 复制 JSON 到项目
mock/目录或 MSW、json-server 等方案。 - 用 JSON 格式化 美化；用 JSONPath 验证提取路径。
- 需要 TypeScript 类型时用 JSON 转 TS。
合规与局限
生成内容为随机模拟，不代表真实用户，禁止用于诈骗、冒充或违规营销。每次点击生成结果不同；不支持自定义字段 Schema（如需固定结构请手动编辑 JSON）。数据不上传服务器。
常见问题
和 Mock.js、Faker 有什么区别？
本工具零配置、打开即用，适合快速样例；复杂关联关系仍建议在项目中用专业 Mock 库。
能否固定每次生成相同数据？
当前为随机种子；需要固定数据请复制 JSON 保存到本地文件。