构建全栈 React 应用程序

教程

简介:构建全栈 React 应用程序

按照分步说明创建一个简单的全栈 Web 应用程序

概览

在本教程中,您将学习如何使用 AWS Amplify 创建简单的全栈 Web 应用程序。Amplify 提供了基于 Git 的 CI/CD 工作流,用于构建、部署和托管具有无服务器后端的单页式 Web 应用程序或静态站点。

您将学到的内容

在本教程中,您将:

  • 在 AWS 上构建并托管一个 React 应用程序
  • 使用 Amplify 向应用程序添加身份验证、数据和存储解决方案
  • 启动一个云沙盒环境,从而为快速构建、测试和迭代全栈应用程序提供隔离的开发空间
  • 实现前端代码,使用户能够创建、更新和删除注释

先决条件

在开始本教程之前,请验证您已完成以下先决条件:

  • 一个 AWS 账户:如果您还没有账户,请按照设置环境教程中的说明进行操作。
  • 您的 AWS 配置文件已配置为本地开发。
  • 您的环境中已安装下列组件:Nodejs npm
  • 熟悉 git 并且拥有一个 GitHub 账户。

 AWS 使用经验

新手

 完成时间

30 分钟

 所需费用

免费套餐资格

 需要

*创建后未满 24 小时的账户可能尚不具有访问此教程所需服务的权限。

 使用的服务

 上次更新日期

2024 年 7 月 25 日

任务

本教程分为四个任务。您必须依次完成每个任务后才能进入下一个任务。

  1. 部署并托管 React 应用程序(10 分钟):创建一个 React 应用程序,然后使用 AWS Amplify 部署和托管。
  2. 初始化 Amplify 后端(10 分钟):初始化一个包含身份验证、数据库和存储的云后端。
  3. 将应用程序连接到云后端(10 分钟):实现前端代码以连接到身份验证、数据和存储后端,使用户能够创建、更新和删除注释。
  4. 清理资源(2 分钟):清理本教程中使用的资源。

此页内容对您是否有帮助?

部署并托管 React 应用程序