构建一个基本的 Web 应用程序
教程
介绍：构建基本 Web 应用程序
按照分步说明构建您的首个 Web 应用程序
概览
在本教程中，您将学习使用 AWS Amplify 创建简单的全栈 Web 应用程序。在本教程中，您将在 AWS 上构建和托管 React 应用程序，使用 Amplify 添加身份验证、数据和无服务器函数，以捕获已注册用户的电子邮件并将其保存在数据库中。 然后，您将为应用程序实施与云资源集成的前端。
您将学到的内容
在本教程中，您将：
- 托管：在 AWS 全球内容分发网络（CDN）上构建和部署 React 应用程序。
- 身份验证：为应用程序添加身份验证以启用登录和注销功能。
- 数据库：集成实时 API、数据库和无服务器函数。
- 函数：实施一个 Lambda 函数，当用户注册应用程序时触发该函数。
应用程序架构
下图直观地展示了本教程中使用的服务以及它们的连接方式。此应用程序使用 AWS Amplify、GraphQL API、AWS Lambda 和 Amazon DynamoDB。
在学习本教程的过程中，您将详细了解这些服务，并找到能帮助您快速掌握这些服务的资源。
模块
本教程分为六个模块。您必须按照顺序完成一个模块才能进入下一个。
- 创建 Web 应用程序（5 分钟）：使用 AWS Amplify 控制台为您的 Web 应用程序部署静态资源。
- 构建无服务器函数（5 分钟）：使用 AWS Lambda 构建无服务器函数。
- 创建数据表（10 分钟）：将数据保留在 Amazon DynamoDB 表中。
- 将无服务器函数与 Web 应用程序链接（5 分钟）：使用 API Gateway 部署无服务器函数。
- 添加交互到 Web 应用程序（5 分钟）：修改您的 Web 应用程序以调用 API。
- 清理资源（5 分钟）：清理本教程中使用的资源。
我们将使用可从浏览器直接访问的 AWS 管理控制台构建此 Web 应用程序。