Application Front End (Simplified Chinese)

实验概览

在本实验中，使用 AWS SAM 和 API Gateway 部署无服务器后端后，您将使用 AWS Amplify 部署网格生成器应用程序的前端，并对其进行配置以使用 Amazon Cognito 进行身份验证。

AWS Amplify 是一个开发平台，它提供一组工具和服务，用于构建可扩展且安全的移动和 Web 应用程序。在本实验中，您将使用 Amplify 部署网格生成器应用程序的前端，它是一个 Web 应用程序，让用户能够与无服务器后端交互。Amplify 提供易于使用的工具和服务来自动执行构建、测试和部署应用程序等任务，从而简化部署过程。

为了对用户进行身份验证，本实验使用 Amazon Cognito，这是一种托管式身份验证服务，可让您轻松地将用户注册、登录和访问控制添加到您的应用程序。Cognito 提供多项功能（包括用户池、身份池和多重身份验证），可以让您确保应用程序的安全和控制对资源的访问。

在实验期间，您需要配置 Amplify，以使用 Cognito 进行身份验证和授权。您需要在 Cognito 中创建一个用户池，用来存储用户账户和用户属性，并创建一个身份池，用来向用户提供临时 AWS 凭证。然后，您需要将 Amplify 与 Cognito 集成，并配置前端以使用 Cognito 用户池进行身份验证。

在实验结束时，您将获得一个完整的无服务器应用程序，其中包含使用 Amplify 部署的前端以及使用 SAM 和 API Gateway 部署的后端。您将了解如何使用 Amplify 部署前端应用程序以及如何使用 Cognito 进行身份验证和授权。

目标

完成本实验后，您将能够：

• 安装使用 AWS Amplify CLI 所需的工具。
• 初始化 AWS Amplify 并部署项目。
• 配置 Cognito 以对应用程序进行身份验证。
• 使用身份验证运行网格生成器应用程序以创建网格图像。

技术性知识先决条件

要成功完成本实验，您应满足以下条件：

• 熟悉 AWS 管理控制台的基本导航操作。
• 能够熟练使用 AWS Cloud9 代码编辑器和终端来编辑和运行脚本。
• 对 Amazon API Gateway、AWS Serverless Application Model (SAM)、AWS Lambda、AWS CloudFormation 和 AWS Amplify 有基本的了解和认识。
• 以前使用 AWS 服务（包括 AWS Amplify 和无服务器计算）的经验会有帮助，但这种经验不是必需的。

时长

完成本实验需要 60 分钟。

图标说明

本实验中使用了不同图标，以提醒大家注意各种类型的说明和备注。下面的列表解释了每个图标的用途：

• 命令：您必须运行的命令。
• 预期输出：您可以用来验证命令或已编辑文件输出的示例输出。
• 注意：一项提示、技巧或重要指导。
• 思考：暂停一下，思考如何在自己的环境中应用某个概念，或者就当前的主题展开讨论。