开始使用 AWS

构建基本 Web 应用程序

部署 Web 应用程序并添加与 API 和数据库的交互

简介
创建 Web 应用程序
构建无服务器函数
创建数据表
添加交互到 Web 应用程序

介绍：构建基本 Web 应用程序

按照分步说明构建您的首个 Web 应用程序。

概览

在本教程中，您将创建简单的 Web 应用程序。您首先将创建一个提供“Hello World”的静态 Web 应用程序。 然后，您将了解如何添加功能到该 Web 应用程序，以使显示的文本基于您提供的自定义输入。

您将学到的内容

本教程将引导您完成创建上面讨论的示例 Web 应用程序所需的步骤。您将学到以下内容：

  • 创建 Web 应用程序
  • 将 Web 应用程序连接到无服务器后端
  • 使用 API 和数据库添加交互到您的 Web 应用程序

 AWS 使用经验

新手

 完成时间

30 分钟

 所需费用

免费套餐资格

 教程先决条件

  • 有管理员级访问权限的 AWS 账户**
  • 推荐的浏览器：最新版 Chrome 或 Firefox

[**] 过去 24 小时内创建的账户可能尚不具有访问此教程所需服务的权限。

应用程序架构

下图提供了 本教程中所用服务的可视化表示，以及它们的连接方式。此应用程序使用下图所示的 AWS Amplify、Amazon API Gateway、AWS Lambda 和 Amazon DynamoDB。

在讲解本教程的过程中，我们将详细讨论这些服务，并指出可以帮助您快速掌握它们的资源。

模块

此教程分为五个简短模块。您必须按照顺序完成每个模块才能进入下一个。

  1. 创建 Web 应用程序（5 分钟）：使用 AWS Amplify 控制台为您的 Web 应用程序部署静态资源。
  2. 构建无服务器函数（5 分钟）：使用 AWS Lambda 构建无服务器函数。
  3. 将无服务器函数与 Web 应用程序链接（5 分钟）：使用 API Gateway 部署您的无服务器函数。
  4. 创建数据表（10 分钟）：将数据保留在 Amazon DynamoDB 表中。
  5. 添加交互到 Web 应用程序（5 分钟）：修改您的 Web 应用程序以调用 API。

我们将使用可从浏览器直接访问的 AWS Web 控制台构建此 Web 应用程序。

启动模块 1

创建 Web 应用程序