JSON Mock API 发布

一键将 JSON 数据发布为公网临时接口,支持 CORS,无需搭建后端

JSON Mock API 发布是 ForJSON 提供的特色功能,让您无需搭建后端服务,即可将 JSON 数据一键发布为公网可访问的临时 API 接口。特别适合前端开发、接口联调、演示场景等需要快速获得可用 API 的情况。

只需将 JSON 数据粘贴到 ForJSON 编辑器,点击"发布 Mock API",即可获得一个公网 URL,支持 GET 请求和 CORS 跨域访问,过期时间可自由选择(1-24 小时),让前端开发不再受后端接口限制。

为什么需要 Mock API

在实际开发中,前后端并行开发时常遇到以下问题:

ForJSON 的 Mock API 发布功能完美解决这些痛点,让您专注于前端开发,无需等待后端进度。

典型应用场景

🚀 前端快速开发

前后端约定好接口格式后,前端立即使用 Mock API 开始开发,无需等待后端完成。

🔗 接口联调测试

发布包含边界情况的 Mock 数据,测试前端对异常响应的处理逻辑。

📱 移动端开发

iOS/Android 开发时,使用公网 Mock API 进行真机测试,无需配置本地网络。

🎨 设计稿演示

将设计稿中的数据发布为 Mock API,快速搭建可交互的原型演示。

📚 API 文档示例

在 API 文档中提供真实可用的示例接口,让用户直接体验而非只看文字。

🧪 自动化测试

在 E2E 测试中使用稳定的 Mock API,避免依赖不稳定的外部服务。

如何使用 ForJSON 发布 Mock API

步骤 1:准备 JSON 数据

访问 ForJSON,在编辑器中准备要发布的 JSON 数据。可以是:

步骤 2:点击"发布 Mock API"

点击工具栏的"发布 Mock API"按钮(或使用快捷键 Ctrl/Cmd + M),打开发布对话框。

步骤 3:选择过期时间

根据使用场景选择合适的过期时间:

步骤 4:获取 Mock API URL

发布成功后,ForJSON 会返回一个公网 URL,格式如下:

https://forjson.com/mock/a1b2c3d4e5f6

您可以:

步骤 5:在代码中使用

像使用真实 API 一样调用 Mock API:

// JavaScript / TypeScript fetch('https://forjson.com/mock/a1b2c3d4e5f6') .then(res => res.json()) .then(data => console.log(data)); // Axios axios.get('https://forjson.com/mock/a1b2c3d4e5f6') .then(res => console.log(res.data)); // curl curl https://forjson.com/mock/a1b2c3d4e5f6
💡 智能特性:
  • 自动支持 CORS 跨域请求,前端可直接调用
  • 返回正确的 Content-Type: application/json 响应头
  • 支持 HTTP 缓存头,提升访问速度
  • 过期后自动返回 410 Gone 状态码,提示资源已失效

发布示例

示例 1:用户列表 API

JSON 数据:

{ "code": 200, "message": "success", "data": { "users": [ { "id": 1, "name": "张三", "email": "zhangsan@example.com", "role": "admin" }, { "id": 2, "name": "李四", "email": "lisi@example.com", "role": "user" } ], "total": 2 } }

发布后使用:

// 前端代码 const response = await fetch('https://forjson.com/mock/abc123'); const result = await response.json(); console.log(result.data.users); // 获取用户列表 // [{ id: 1, name: "张三", ... }, ...]

示例 2:商品详情 API

JSON 数据:

{ "productId": 12345, "name": "机械键盘", "price": 399.00, "stock": 158, "images": [ "https://example.com/img1.jpg", "https://example.com/img2.jpg" ], "specs": { "brand": "某品牌", "color": "黑色", "switchType": "青轴" } }

适用场景:

示例 3:错误响应 Mock

JSON 数据(模拟 404 错误):

{ "code": 404, "message": "用户不存在", "error": { "type": "NotFoundError", "details": "User ID 999 does not exist" } }

用途:测试前端对错误响应的处理逻辑,确保异常情况下有合理的提示和降级方案。

使用限制与注意事项

⚠️ 重要限制:
  • 额度消耗:每发布一个 Mock API 消耗 1 次 AI 额度(访客 5 次/天,注册用户 20 次/天)
  • 数量限制:每个用户最多同时保持 10 个 Mock API
  • 数据大小:单个 Mock API 的 JSON 数据最大 100KB
  • 过期时间:最短 1 小时,最长 24 小时,过期后自动删除
  • 只读接口:仅支持 GET 请求,不支持 POST/PUT/DELETE
  • 访问频率:为防止滥用,单 IP 限制 100 次/分钟

安全建议

管理 Mock API

在 ForJSON 的"我的 Mock API"页面,您可以:

与其他 Mock 方案对比

ForJSON Mock API vs 本地 Mock 服务

对比项 ForJSON Mock API 本地 Mock 服务
搭建成本 ✅ 一键发布,无需配置 ❌ 需安装依赖、编写配置
公网访问 ✅ 公网 URL,移动端可访问 ❌ localhost,需内网穿透
团队协作 ✅ 分享 URL 即可 ❌ 需每人启动本地服务
动态数据 ❌ 静态 JSON ✅ 可编写逻辑生成
适用场景 快速开发、演示、简单联调 复杂业务逻辑、长期开发

为什么选择 ForJSON Mock API

核心优势:

  • 零配置:无需安装任何工具,浏览器打开即用
  • 公网访问:生成公网 URL,团队成员、移动端设备都能访问
  • 自动 CORS:前端直接调用,无跨域问题
  • 快速发布:从编辑器到可用 API,只需 3 秒
  • 灵活过期:1-24 小时可选,避免长期占用资源
  • 随时删除:测试完成后一键删除,保护隐私
  • 免费额度:注册用户每天 20 次发布机会,足够日常开发

常见问题

Q1: Mock API 的 URL 安全吗?

URL 包含随机生成的 Token,难以被猜测。但任何知道 URL 的人都能访问,因此不要发布敏感数据。

Q2: 可以更新已发布的 Mock API 数据吗?

不可以。Mock API 发布后数据不可修改。如需更新,请删除旧的并重新发布。

Q3: 为什么需要消耗额度?

Mock API 需要占用服务器存储和带宽资源,设置额度限制是为了防止滥用并控制成本。注册用户每天 20 次额度足够正常开发使用。

Q4: Mock API 支持自定义域名吗?

目前不支持。所有 Mock API 统一使用 forjson.com 域名。

Q5: 过期后数据还能恢复吗?

不能。过期后数据会被永久删除。如需长期使用,建议选择 24 小时过期时间,或在过期前重新发布。

Q6: 可以模拟延迟、错误状态码等吗?

当前版本只返回 200 状态码和 JSON 数据。如需模拟错误场景,可以在 JSON 中包含错误信息(如示例 3),由前端根据字段判断。

立即发布 Mock API

注册免费,每天 20 次发布额度