首页  »  入门资源中心  »  操作指南

构建全栈 React 应用程序

使用 AWS Amplify 创建简易 Android 应用程序

简介
部署和托管 React 应用程序
初始化本地应用程序
添加身份验证
添加 API 和数据库
添加存储

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

按照分步指南构建您的第一个 React 应用程序

概述

在本教程中，您将使用 AWS Amplify（包括 Web 托管服务在内的一系列工具和服务）创建一个简单的全栈 Web 应用程序。在第一个模块中，您将在 AWS 上构建并托管一个 React 应用程序。在其余四个模块中，您将使用 CLI 初始化本地应用程序、添加身份验证、添加 GraphQL API 和数据库，并更新应用程序以存储图像。

学习目标

本教程将引导您逐步完成创建上述的简易 Web 应用程序。学习内容：

  • 托管：在 AWS 全球内容分发网络 (CDN) 上构建并托管 React 应用程序
  • 身份验证：向应用程序添加身份验证，实现登录和退出登录
  • 数据库和存储：添加 GraphQL API、数据库和存储解决方案

 AWS 使用经验

新手

 时长

50 分钟

 所需费用

可通过免费套餐试用

 前提条件

  • 具有管理员级别访问权限的 AWS 账户*
  • Node.js：Node.js v10.x 或更高版本
  • GitHub 账户
  • Git**：Windows 用户需要安装 Git

[*] 在过去 24 小时内新创建的账户可能无法使用本教程所需的服务。
[**] iOS 用户不适用，因为 Git 是必需条件。

 使用的服务

AWS Amplify

 上次更新时间

2022 年 12 月 8 日

模块

本教程分为以下几个短模块。您必须完成每个模块，上一个模块完成后才能继续下一个模块。

  1. 部署和托管 React 应用程序（10 分钟）：创建 React 应用程序，并通过 AWS Amplify 部署和托管。
  2. 初始化本地应用程序（5 分钟）：使用 AWS Amplify 初始化本地应用程序。
  3. 添加身份验证（10 分钟）：向应用程序中添加身份验证。
  4. 添加 GraphQL API 和数据库（15 分钟）：创建 GraphQL API。
  5. 添加图像存储功能（10 分钟）：向应用程序添加存储空间。

您将使用命令提示符/终端、文本编辑器和 AWS 管理控制台构建此 React 应用程序。

开始学习模块 1

部署和托管 React 应用程序