JSON Mock API 发布是 ForJSON 提供的特色功能,让您无需搭建后端服务,即可将 JSON 数据一键发布为公网可访问的临时 API 接口。特别适合前端开发、接口联调、演示场景等需要快速获得可用 API 的情况。
只需将 JSON 数据粘贴到 ForJSON 编辑器,点击"发布 Mock API",即可获得一个公网 URL,支持 GET 请求和 CORS 跨域访问,过期时间可自由选择(1-24 小时),让前端开发不再受后端接口限制。
为什么需要 Mock API
在实际开发中,前后端并行开发时常遇到以下问题:
- 后端接口尚未开发完成,前端无法联调
- 接口需要特定测试数据,但生产环境无法提供
- 演示场景需要稳定的 Mock 数据,避免依赖真实后端
- 第三方 API 有访问限制,开发阶段需要模拟数据
- 本地 Mock 服务需要搭建和维护,增加开发成本
ForJSON 的 Mock API 发布功能完美解决这些痛点,让您专注于前端开发,无需等待后端进度。
典型应用场景
🚀 前端快速开发
前后端约定好接口格式后,前端立即使用 Mock API 开始开发,无需等待后端完成。
🔗 接口联调测试
发布包含边界情况的 Mock 数据,测试前端对异常响应的处理逻辑。
📱 移动端开发
iOS/Android 开发时,使用公网 Mock API 进行真机测试,无需配置本地网络。
🎨 设计稿演示
将设计稿中的数据发布为 Mock API,快速搭建可交互的原型演示。
📚 API 文档示例
在 API 文档中提供真实可用的示例接口,让用户直接体验而非只看文字。
🧪 自动化测试
在 E2E 测试中使用稳定的 Mock API,避免依赖不稳定的外部服务。
如何使用 ForJSON 发布 Mock API
步骤 1:准备 JSON 数据
访问 ForJSON,在编辑器中准备要发布的 JSON 数据。可以是:
- API 响应数据格式
- 列表数据(用户列表、商品列表等)
- 配置信息
- 任意合法的 JSON 结构
步骤 2:点击"发布 Mock API"
点击工具栏的"发布 Mock API"按钮(或使用快捷键 Ctrl/Cmd + M),打开发布对话框。
步骤 3:选择过期时间
根据使用场景选择合适的过期时间:
- 1 小时:临时测试、快速验证
- 2 小时:短时间联调
- 3 小时:半天开发周期
- 5 小时:完整工作日上午/下午
- 7 小时:一个完整工作日
- 24 小时:演示、测试环境(最长)
步骤 4:获取 Mock API URL
发布成功后,ForJSON 会返回一个公网 URL,格式如下:
https://forjson.com/mock/a1b2c3d4e5f6
您可以:
- 复制 URL 到剪贴板
- 在浏览器中直接访问验证
- 用 fetch、axios、curl 等工具请求
- 分享给团队成员使用
步骤 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 是公开可访问的,任何知道 URL 的人都能访问
- 不要用于生产环境:这是临时测试接口,不保证高可用性
- 及时删除:测试完成后手动删除 Mock API,释放额度
- URL 不可预测:ForJSON 生成的 URL 包含随机字符串,降低被扫描风险
管理 Mock API
在 ForJSON 的"我的 Mock API"页面,您可以:
- 查看所有已发布的 Mock API 列表
- 查看每个 API 的过期时间和访问统计
- 手动删除不再需要的 Mock API
- 延长即将过期的 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),由前端根据字段判断。