Introducción a AWS
Crear una aplicación React de pila completa
Crear una aplicación web simple con AWS Amplify
Introducción: crear una aplicación React de pila completa
Siga las instrucciones paso a paso para crear su primera aplicación React.
Información general
En este tutorial, creará una sencilla aplicación web de pila completa con AWS Amplify, un conjunto de herramientas y servicios que incluyen un servicio de alojamiento web. En el primer módulo, creará y alojará una aplicación React en AWS. A lo largo de los cuatro módulos restantes, inicializará una aplicación local con CLI, añadirá la autenticación, una API y una base de datos GraphQL, y actualizará la aplicación para almacenar imágenes.
Qué logrará
Este tutorial lo guiará por los pasos para crear una aplicación web sencilla mencionada anteriormente. Aprenderá a hacer lo siguiente:
- Alojamiento: cree y aloje una aplicación React en la red de entrega de contenido (CDN) global de AWS
- Autenticación: agregue autenticación a su aplicación para activar el inicio y cierre de sesión
- Base de datos y almacenamiento: agregue una solución de API de GraphQL, base de datos y almacenamiento
Experiencia en AWS
Principiante
Tiempo de realización
50 minutos
Costo de realización
Apto para el nivel gratuito
Requisitos
- Una cuenta de AWS con acceso de nivel de administrador*
- Node.js: Node.js v10.x o posterior
- Cuenta de GitHub
- Git**: los usuarios de Windows deberán instalar Git
[*] Es posible que las cuentas creadas en las últimas 24 horas aún no tengan acceso a los servicios necesarios para este tutorial.
[**] No aplicable para usuarios de iOS, ya que Git se suministra de forma estándar.
Servicios utilizados
Última actualización
28 de abril de 2023
Módulos
Este tutorial está dividido en cinco módulos cortos. Debe completar cada módulo en orden antes de pasar al siguiente.
- Implementar y alojar una aplicación React (10 minutos): cree una aplicación React e implemente y aloje mediante AWS Amplify.
- Initializar una aplicación local (5 minutos): initialice una aplicación local utilizando AWS Amplify.
- Agregar autenticación (10 minutos): agregue autenticación a su aplicación.
- Agregar una API de GraphQL y base de datos (15 minutos): cree una API de GraphQL.
- Agregar la capacidad de almacenar imágenes (10 minutos): agregue almacenamiento a su aplicación.
Creará esta aplicación React utilizando el símbolo del sistema/terminal, editor de texto y consola de administración de AWS.