开始使用 AWS

构建基本 Web 应用程序

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

模块 5:添加交互到 Web 应用程序

在此模块中,您将修改静态网站,以调用您的 API 并显示自定义输入文本。

简介

在此模块中,我们将更新我们在模块 1 中创建的静态网站,以调用我们在模块 3 中创建的 REST API。这将增加根据您的输入内容显示文本的能力。

您将学到的内容

  • 从 HTML 页面调用 API Gateway API
  • 将 Web 应用程序的新版本上传到 Amplify 控制台

重要概念

部署网站将网站提供给用户。

环境可以在其中执行应用程序或网站的阶段,例如“生产”、“开发”或“暂存”。

调用 API发送事件到 API 以触发特定行为。

 完成时间

5 分钟

实施

应用程序架构

现在所有模块均已完成,下面是您构建内容的架构:

我们设置的所有 AWS 服务都可以相互安全地通信。当用户单击 Web 应用程序上的按钮时,它将对我们的 API 进行调用,从而触发 Lambda 函数。Lambda 函数将写入数据库中,并通过 API Gateway 返回一条消息到客户端。所有权限都由 IAM 管理。

此模块有帮助吗?

恭喜您!

您已在 AWS 上成功构建 Web 应用程序! 下一步,更加深入地了解无服务器和数据库,更进一步获得 AWS 云知识。