实验概览
作为具有脚本编写经验和新想法的技术专业人员，为概念验证或最简可爱产品创建前端似乎遥不可及。在此场景中，您需要预置 Linux 实例来供您的团队使用。您已通过编写可启动带有相应标签的 Elastic Compute Cloud (EC2) 实例的 AWS Lambda 函数改进了此过程。如果有不需要登录 AWS 控制台的基于 Web 的自助式工具，会怎么样？在本实验中，您将构建一个具有身份验证功能的无服务器全栈单页应用程序，该应用程序使用户能够启动和终止 EC2 实例。
您将了解 React 库用于构建用户界面的功能。然后，您将使用 AWS Amplify 添加 AWS 服务并将其与您的前端集成。这包括通过 Amazon Cognito 添加身份验证功能，以及创建由 Amazon API Gateway 提供支持的安全 REST API。您将通过 AWS Lambda 使用无服务器函数进一步扩展后端，该函数将与 Amazon EC2 服务进行交互。
最后，您将使用 AWS Amplify 添加应用程序托管功能，以便使用 Amazon CloudFront 将应用程序交付给 AWS 内容分发网络上的终端用户。所有应用程序开发都将在 AWS Cloud9 IDE 中进行。
目标
在本实验结束时，您将能够：
- 在 AWS 上创建并托管全栈 Web 应用程序。
- 实施 React 概念，例如状态、作用和属性。
- 使用 AWS Amplify 在 AWS 上创建身份验证、API、函数和托管资源。
- 将前端与后端服务集成。
时长
完成本实验大约需要 60 分钟。
图标键
本实验中使用了不同图标，以提醒大家注意各种类型的说明和备注。下面的列表解释了每个图标的用途：
- 命令：您必须运行的命令。
- 预期输出：您可以用来验证命令或已编辑文件输出的示例输出。
- 注意：一项提示、技巧或重要指导。
- 提醒：提示特别相关或重要的信息（不查看该信息并不会损坏设备或数据，但可能导致需要重复某些步骤）。
- 思考：暂停一下，思考如何在自己的环境中应用某个概念，或者就当前的主题展开讨论。
- 知识考核：可以检查您的知识掌握情况和测试您学到的知识。
- 刷新：您可能需要刷新 Web 浏览器页面或列表才能看到新信息。
- 任务完成：本实验的总结或结论要点。
