介绍

本教程将教你使用 Mirage 模拟任何 HTTP API 的基础知识。虽然 Mirage 可用于模拟 GraphQL API，但本教程将介绍一个基本的 REST API。

您将通过 模拟提醒应用程序的 API 来学习 Mirage。该应用程序是用 React 编写的，但您无需了解 React 即可学习，因为您只需要编写 Mirage 代码。

没有实际的 API 服务器运行，因此应用程序最初无法工作。随着您实现每个 API 端点，您将恢复应用程序的功能。

以下是最终结果的示例

mirage-tutorial.vercel.app (源码)

设置

首先，让我们准备好您的开发环境。您需要安装 Node.js，并且您将使用您自己的文本编辑器和终端应用程序。

接下来，下载教程并安装其依赖项

npx degit github:miragejs/tutorial mirage-tutorial
cd mirage-tutorial
yarn install

# You can also use npm:
npm install

然后在您的编辑器中打开项目并启动您的应用程序

yarn start

# or npm run start

这应该在 端口 3000 上运行一个开发服务器。

在浏览器中打开 https://#:3000，您应该会看到如下页面

Reminders app

如果可以，您就可以开始模拟了！