在 AWS Amplify 上部署 Web 应用程序

教程

模块 4:部署应用程序

在本模块中,您将使用 Amplify 的内置 CI/CD 管道部署 Web 应用程序。

简介

在本模块中,您将应用程序存储在 GitHub 存储库上,然后使用 Amplify 控制台设置持续部署。

您将学到的内容

  • 将 Github 存储库连接到 Amplify
  • 使用 Amplify 设置持续部署

实施

 所需时间

< 2 分钟

 获取帮助

  • 在此步骤中,您将创建一个 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
  • 在此步骤中,您会将刚刚创建的 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 应用程序的实时运行情况。 

此页内容对您是否有帮助?