使用 AWS Amplify 部署 React 应用

我们都知道云计算是未来发展趋势，而AWS是领先的云服务提供商之一。今天，我们将把我们的React应用（或任何单页应用）部署到AWS Amplify上。

让我们开始吧。

我们将按照分步骤的流程部署我们的 React 应用。

1. 打开终端并运行 create-react-app：

2.创建 react-app 后，进入项目文件夹并运行以下命令。

npm run build

上述命令会在项目文件夹内创建一个名为“build”的新文件夹，如下图所示。

3. 现在打开项目文件夹中的 .gitignore 文件，并删除 /build 行。

前：-

后：-

4.现在将代码上传到您的GitHub仓库：

提交更改

现在推送这些更改

检查代码仓库，确保所有内容都已上传（构建文件夹很重要）：

现在我们来深入了解一下 AWS Amplify。

1.打开AWS Amplify控制台

现在点击“开始使用”，您将被重定向到：

现在点击“交付”即可开始

2. 现在您将被重定向到以下页面：

现在点击 Github，然后使用您的 GitHub 帐户授予 aws amplify 访问权限。

您将被重定向到以下页面：

选择您之前上传的 Git 仓库，然后单击“下一步”。

现在您需要点击复选框，在项目根文件夹中输入 build，然后点击下一步。

您现在将被重定向到以下页面：

勾选复选框，然后点击“下一步”按钮

您现在将被重定向到以下页面：

点击保存并部署。

就是这样！！

现在您将被重定向到以下页面：
请稍等几分钟，直到进度条变成绿色对勾图标。如下图所示：

现在点击链接，你的网站应该就能显示了。