构建你的前端。Mock 你的后端。
Mockbin 创建固定响应端点。mockapi.dog 增加了延迟模拟、错误注入、条件失败和 LLM 流式 —— 全部免费、无需注册。
- 通过可配置的延迟和错误率获得真实的 API 响应
- 用真实 HTTP 调用测试加载状态、错误处理和流式
- 在 localhost 即时工作 —— CORS 已处理
由开发者构建,为在 API 准备好之前发布 UI 的开发者。
问题
你正在构建前端。后端尚未就绪。你需要返回 JSON 的 Mock 端点。
Mockbin 解决了这个问题最简单的版本:你定义状态码和响应体,得到一个 URL。这适用于基本情况。
但真实开发需要更多。你需要测试 API 慢的时候会怎样。失败时会怎样。你的 AI 功能流式 token 时会怎样。Mockbin 不模拟延迟、不注入错误,也不支持流式。
场景
一名构建产品页面的 React 开发者需要测试三种状态:加载(慢速 API)、成功(200 带数据)和错误(500 失败)。她还需要一个 LLM 流式端点用于 AI 驱动的搜索功能。Mockbin 只能提供固定的 JSON 响应 —— 无延迟、无错误、无流式。
解决方案
mockapi.dog 提供 Mockbin 提供的所有功能,再加上真实前端开发所需的功能。
用任何状态码定义任何 JSON 响应。添加毫秒级精度的延迟来测试加载状态。设置随机错误率来测试失败处理。配置基于请求头的条件错误。
对于 AI 功能,创建 OpenAI、Anthropic 或通用 SSE 格式的 LLM 流式端点。Token 通过服务器发送事件到达。你的聊天组件在屏幕上流式渲染文本。
一切都是免费的。一切都无需注册。一切都即时部署。
功能详解
默认启用 CORS
每个 Mock 端点都包含正确的 CORS 请求头。你在 localhost:3000 或 localhost:5173 上的应用可以无需代理配置或中间件即可从你的 Mock URL 获取数据。
自定义 JSON 响应
精确定义组件期望的 JSON。匹配你的 TypeScript 接口的形状。返回数组、嵌套对象、分页元数据 —— 你的 UI 消费的任何内容。
用延迟测试加载状态
为你的 Mock 端点添加 2000ms 延迟。观察你的骨架屏、加载动画和闪烁效果正确渲染。验证加载状态在真实使用中确实会出现。
错误状态测试
将 Mock 端点设置为返回 500。验证错误边界捕获它。设置 401 并测试重定向到登录。设置 429 并测试重试逻辑。每种 HTTP 错误,按需模拟。
用于 AI 功能的 LLM 流式
构建聊天组件?文本摘要器?Mock 流式响应。Token 通过 SSE 到达。针对真实流式端点测试你的流式文本渲染器和停止按钮。
多种 HTTP 方法
为列表视图创建 GET。为表单提交创建返回 201 的 POST。返回 204 的 DELETE。Mock 你的整个 API 契约,而不仅仅是 GET 请求。
mockapi.dog 对比 Mockbin
| 功能 | mockapi.dog | Mockbin |
|---|---|---|
| 设置时间 | 几秒 | 几秒 |
| 需要注册 | ||
| 自定义 JSON 响应 | ||
| 自定义状态码 | ||
| 所有 HTTP 方法 | 有限 | |
| 延迟模拟 | ||
| 错误率模拟 | ||
| 条件错误 | 是(基于请求头) | |
| LLM 流式(SSE) | ||
| OpenAPI 导入 | ||
| 成本 | 免费 | 免费 |
| 焦点 | Mock + 测试功能 | 基本固定响应 Mock |
诚实的权衡
Mockbin 支持 OpenAPI 规范导入以从你的 API 定义自动生成 Mock 端点,mockapi.dog 不支持。如果你的工作流是规范优先的,并且想从 Swagger 文件自动生成 Mock,Mockbin 处理得很好。mockapi.dog 适合那些确切知道需要什么响应、并希望同时拥有延迟、错误和流式功能的开发者。
使用场景
在 API 存在之前构建仪表盘
你有 Figma 设计和 TypeScript 类型。你没有后端。创建返回组件消费的精确数据形状的 Mock 端点。构建每个页面、每个状态、每个交互。
测试加载和骨架屏状态
你的设计师想看加载状态。为 Mock 端点添加 3 秒延迟。加载骨架屏在每次页面刷新时渲染。截屏、迭代、发布。
原型设计 AI 驱动的功能
你的产品经理想在下一次冲刺评审中看到 AI 聊天功能。创建一个 LLM 流式 Mock。聊天组件在屏幕上流式渲染 token。演示看起来很真实。
验证表单提交流程
你的表单 POST 数据并期望返回带创建对象的 201 响应。创建一个返回 201 和成功处理程序所需响应体的 POST Mock。测试完整的创建并重定向流程。
开发者体验
从浏览器标签页到工作 Mock 端点:5 秒。与 Mockbin 速度相同,但包含延迟、错误和流式功能。
没有项目要创建。没有依赖要添加。没有环境变量要设置。打开 mockapi.dog,填写响应,点击保存,复制 URL。
粘贴到你的 fetch 调用中。当真实 API 准备好时,更改 URL。其他一切保持不变。
定价
免费。无限制。无需注册。
mockapi.dog 和 Mockbin 都是免费的。区别在于免费获得什么。
Mockbin 提供固定响应。mockapi.dog 提供固定响应加上延迟、错误模拟、条件错误、所有 HTTP 方法和 LLM 流式。同样的价格:零。
准备好开始了吗?
你的后端尚未就绪。你的截止日期到了。
打开 mockapi.dog 并创建你前端需要的端点。延迟、错误、流式 —— 全部包含。