开始使用 AWS

构建基本 Web 应用程序

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

介绍:构建基本 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。

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

full-stack amplify console arch diagram module 5

模块

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

  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 应用程序。

创建 Web 应用程序