在 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.aws.amazon.com/amplify/apps。
2.选择创建新的应用程序。
3.在使用 Amplify 开始构建页面上的部署应用程序中,选择 GitHub,然后选择下一步。
4.出现提示时,请使用 GitHub 进行身份验证。您将被自动重定向回 Amplify 控制台。选择您之前创建的存储库和主分支。然后,选择 Next(下一步)。
5.保留默认的构建设置,并选择下一步。
6.查看所选输入,然后选择保存并部署。
现在,AWS Amplify 将在 https://...amplifyapp.com 上构建您的源代码并部署您的应用程序,每次 git 推送都会更新您的部署实例。 部署您的应用程序最多可能需要 5 分钟。
7.构建完成后,选择访问已部署的 URL,即可查看您的 Web 应用程序的实时运行情况。