Introducción a AWS
Cree una aplicación React
Cree una aplicación Web simple con AWS Amplify
Introducción: cree una aplicación React
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 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 4 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.
Lo que aprenderá
Este tutorial lo guiará por los pasos para crear la aplicación Web de muestra mencionada anteriormente. Aprenderá a hacer lo siguiente:
- Alojamiento: cree y aloje una aplicación React en la red global de entrega de contenido (CDN) de AWS
- Autenticación: agregue autenticación a su aplicación para permitir iniciar y cerrar sesión
- Base de datos y almacenamiento: agregue una solución de API de GraphQL, base de datos y almacenamiento
Experiencia de AWS
Principiante
Tiempo de realización
50 minutos
Costo de realización
Apto para la capa gratuita
Requisitos previos del tutorial
- 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
- Un editor de texto. Estos son algunos gratuitos que nos gustan (en orden alfabético): Atom, Notepad++, Sublime, Vim, Visual Studio Code
[*] 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 viene en forma estándar
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 prueba y consola de AWS Web.