Introducción a AWS

Cree una aplicación React

Cree una aplicación Web simple con AWS Amplify

Módulo 5: agregar almacenamiento

En este módulo, agregará almacenamiento y la capacidad de asociar una imagen con las notas en su aplicación.

Introducción

Ahora que tenemos una aplicación de notas en funcionamiento, agreguemos la capacidad de asociar una imagen a cada nota. En este módulo, usará la CLI y las bibliotecas de Amplify para crear un servicio de almacenamiento utilizando Amazon S3. Luego, actualizará el esquema GraphQL que creó en el módulo anterior para asociar una imagen a cada nota. Por último, actualizaremos la aplicación React para permitir la carga, la búsqueda y la recuperación de imágenes.

Lo que aprenderá

  • Crear el servicio de almacenamiento
  • Actualizar un esquema de GraphQL
  • Actualizar su aplicación React

Conceptos clave

Servicio de almacenamiento: el almacenamiento y la consulta de archivos como imágenes y videos es un requisito común para la mayoría de las aplicaciones. Una opción para hacer esto es codificar el archivo con Base64 y enviarlo como cadena para guardarle en la base de datos. Esto viene con desventajas como que el archivo codificado es más grande que el archivo binario original, la operación es costosa en términos informáticos y la codificación y decodificación adecuadas agregan complejidad. Otra opción es crear y optimizar un servicio de almacenamiento específicamente para el almacenamiento de archivos. Los servicios de almacenamiento como Amazon S3 existen para aportar la mayor facilidad, eficiencia y rentabilidad posible.

 Tiempo de realización

10 minutos

 Servicios utilizados

Implementación

Conclusión

Ha implementado una aplicación Web con AWS Amplify. Ha agregado autenticación a su aplicación permitiendo que los usuarios se registren, inicien sesión y administren su cuenta. La aplicación también cuenta con una API GraphQL escalable configurada con una base de datos Amazon DynamoDB que permite que los usuarios creen y eliminen notas. También ha agregado almacenamiento de archivos mediante Amazon S3 permitiendo que los usuarios carguen imágenes y las vean en su aplicación.

¿Este módulo le resultó útil?

¡Felicitaciones!

¡Creó con éxito una aplicación Web en AWS! Como paso siguiente, profundice aún más en las tecnologías específicas de AWS y lleve su aplicación al siguiente nivel.