在 AWS Amplify 上部署 Web 应用程序
教程
模块 4：部署应用程序
在本模块中，您将使用 Amplify 的内置 CI/CD 管道部署 Web 应用程序。
简介
在本模块中，您将应用程序存储在 GitHub 存储库上，然后使用 Amplify 控制台设置持续部署。
您将学到的内容
- 将 Github 存储库连接到 Amplify
- 使用 Amplify 设置持续部署
实施
所需时间
< 2 分钟
获取帮助
-
初始化 GitHub 代码库
在此步骤中，您将创建一个 GitHub 代码库并将代码提交到该代码库。您需要一个 GitHub 账户才能完成此步骤。如果您还没有账户，请在此处注册。
注意：如果您从未在计算机上使用过 GitHub，请在继续允许连接到您的账户之前执行以下步骤。
1.通过 https://github.com/ 登录 GitHub。
2.在启动新存储库中，进行以下选择：
- 在存储库名称中，输入 expensetracker，并选择公开单选按钮。
- 然后选择创建新存储库。
3.打开新的终端窗口，导航到您的项目根文件夹 (expensetracker)，然后运行以下命令来初始化 git 并将应用程序推送到新的 GitHub 存储库：
注意：
- 将命令中的 SSH GitHub URL 替换为 GitHub URL。
git init git add . git commit -m "first commit" git remote add origin git@github.com:<your-username>/profilesapp.git git branch -M main git push -u origin main
-
使用 AWS Amplify 创建您的应用程序
在此步骤中，您会将刚刚创建的 GitHub 代码库连接到 AWS Amplify。这将使您能够在 AWS 上构建、部署和托管应用程序。
1. 在新的浏览器窗口中登录 AWS 管理控制台，然后通过以下网址打开 AWS Amplify 控制台：https://console.thinkwithwp.com/amplify/apps。
2.选择创建新的应用程序。
3.在使用 Amplify 开始构建页面上的部署应用程序中，选择 GitHub，然后选择下一步。
4.出现提示时，请使用 GitHub 进行身份验证。您将被自动重定向回 Amplify 控制台。选择您之前创建的存储库和主分支。然后，选择 Next（下一步）。
5.保留默认的构建设置，并选择下一步。
6.查看所选输入，然后选择保存并部署。
现在，AWS Amplify 将在 https://...amplifyapp.com 上构建您的源代码并部署您的应用程序，每次 git 推送都会更新您的部署实例。 部署您的应用程序最多可能需要 5 分钟。
7.构建完成后，选择访问已部署的 URL，即可查看您的 Web 应用程序的实时运行情况。
