mock

在线 Mock 服务

1. Mocky

   • 功能：可以快速创建自定义 JSON 响应并生成 URL 来模拟 API。
   • 优点：简单易用、URL 持久化、可以自定义响应状态码和内容。
   • 适用场景：临时 API 测试、快速创建静态 JSON 响应。

2. JSONPlaceholder

   • 功能：提供一组预生成的 RESTful API，包含用户、帖子、评论等常见数据。
   • 优点：无需注册，数据格式规范，包含丰富的常见实体。
   • 适用场景：基本的 REST API 测试，适合快速搭建测试用的 CRUD 操作。

3. MockAPI

   • 功能：生成可自定义的 REST API，支持定义数据结构、关系和模拟响应。
   • 优点：支持高级功能，如延迟、分页、过滤；可以存储和管理多个项目的 API。
   • 适用场景：复杂数据结构的模拟、需要多实体关系的项目测试。

4. Beeceptor

   • 功能：生成自定义 API URL，定义响应内容，支持模拟各种 HTTP 方法和状态码。
   • 优点：支持请求监控和分析，可以轻松调试和查看请求数据。
   • 适用场景：调试和查看请求，适合快速响应测试和集成测试。

5. Reqres

   • 功能：提供预设的 REST API，用于用户登录、注册等模拟用户数据的常用操作。
   • 优点：内置了用户认证相关的示例 API，便于测试登录、注册和用户数据。
   • 适用场景：用于测试用户管理、身份验证等。

本地 Mock 工具

1. json-server

   • 功能：基于 JSON 文件快速生成 REST API 服务，支持查询和分页。
   • 安装：npx json-server x.json
   • 优点：轻量，支持 GET、POST、PUT、DELETE 请求；可以自定义数据。
   • 适用场景：本地快速搭建 CRUD 接口，适合项目开发阶段的本地测试。

2. Mock Service Worker (MSW)

   • 功能：使用 Service Worker 拦截网络请求，返回自定义响应。
   • 安装：npm install msw
   • 优点：支持 REST 和 GraphQL API 模拟，可以在开发和测试环境中灵活切换。
   • 适用场景：前端开发，尤其适合 React 和 Vue 项目，轻松管理不同请求的响应。

3. Faker.js

   • 功能：生成各种随机数据，如名字、地址、图片、文本等。
   • 安装：npm install faker
   • 优点：数据生成灵活，支持多种语言，适合模拟真实数据。
   • 适用场景：需要批量生成随机数据的场景，适用于测试和开发。

4. Mirage JS

   • 功能：为前端应用生成全栈 API mock，内置了 RESTful 和 GraphQL 支持。
   • 安装：npm install miragejs
   • 优点：与前端框架（如 React）深度集成，可用于组件测试和模拟数据。
   • 适用场景：构建大型应用，模拟真实后端 API，支持复杂的业务逻辑。