构建一个基本的 Web 应用程序
教程
开始使用 AWS
构建基本 Web 应用程序
部署 Web 应用程序并添加与 API 和数据库的交互
介绍：构建基本 Web 应用程序
按照分步说明构建您的首个 Web 应用程序
概览
在本教程中，您将创建简单的 Web 应用程序。您首先将创建一个提供“Hello World”的静态 Web 应用程序。 然后，您将了解如何添加功能到该 Web 应用程序，以使显示的文本基于您提供的自定义输入。
您将学到的内容
本教程将引导您完成创建上面讨论的示例 Web 应用程序所需的步骤。您将：
- 创建 Web 应用程序
- 将 Web 应用程序连接到无服务器后端
- 使用 API 和数据库添加交互到您的 Web 应用程序
先决条件
在开始学习本教程之前，您需要：
- 一个 AWS 账户：如果您还没有账户，请遵循设置 AWS 环境入门指南中的说明获取快速概览。
AWS 使用经验
新手
最短完成时间
35 分钟
所需费用
免费套餐资格
需要
- 具有管理员级访问权限的 AWS 账户*
- 推荐的浏览器：最新版 Chrome 或 Firefox
*过去 24 小时内创建的账户可能尚不具有访问此教程所需服务的权限。
上次更新日期
2023 年 4 月 4 日
应用程序架构
下图提供了本教程中所用服务的可视化表示，以及它们的连接方式。此应用程序使用 AWS Amplify、Amazon API Gateway、AWS Lambda、Amazon DynamoDB 和 AWS Identity and Access Management（IAM）。
在学习本教程的过程中，我们将详细讨论这些服务，并指出可以帮助您快速掌握它们的资源。
模块
本教程分为六个简短模块。您必须按照顺序完成每个模块才能进入下一个。
- 创建 Web 应用程序（5 分钟）：使用 AWS Amplify 控制台为您的 Web 应用程序部署静态资源。
- 构建无服务器函数（5 分钟）：使用 AWS Lambda 构建无服务器函数。
- 将无服务器函数与 Web 应用程序链接（5 分钟）：使用 API Gateway 部署您的无服务器函数。
- 创建数据表（10 分钟）：将数据保留在 Amazon DynamoDB 表中。
- 添加交互到 Web 应用程序（5 分钟）：修改您的 Web 应用程序以调用 API。
- 清理资源（5 分钟）：清理本教程中使用的资源。
我们将使用可从浏览器直接访问的 AWS 管理控制台构建此 Web 应用程序。