Proyectos en AWS:

Desarrolle una aplicación web sin servidor

con AWS Lambda, Amazon API Gateway, AWS Amplify, Amazon DynamoDB y Amazon Cognito

Serverless_Web_App_LP_assets-15
Serverless_Web_App_LP_assets-14

Introducción

Progression-Bar-07

Alojar un sitio web estático

Progression-Bar-08

Administrar usuarios

Progression-Bar-09

Crear un backend sin servidor

Progression-Bar-10

Implementar una API RESTful

Progression-Bar-11

Terminar los recursos

Información general

En este tutorial, creará una sencilla aplicación web sin servidor que permite a los usuarios solicitar paseos en unicornio de la flota de Wild Rydes. La aplicación presentará a los usuarios una interfaz basada en HTML para indicar la ubicación en la que desean que se les recoja e interactuará en el backend con un servicio web RESTful para enviar la solicitud y enviar un unicornio cercano. La aplicación también permitirá a los usuarios registrarse al servicio e iniciar sesión antes de solicitar paseos.

Arquitectura de la aplicación

La arquitectura de la aplicación utiliza AWS Lambda, Amazon API Gateway, Amazon DynamoDB, Amazon Cognito y la consola de AWS Amplify. La consola de Amplify proporciona alojamiento e implementación continua de recursos web estáticos como HTML, CSS, JavaScript y archivos de imagen que se cargan en el navegador del usuario. JavaScript ejecutado en el navegador envía y recibe datos de una API de backend pública creada mediante Lambda y API Gateway. Amazon Cognito proporciona funciones de administración y autenticación de usuarios para proteger la API de backend. Finalmente, DynamoDB proporciona una capa de persistencia donde los datos se pueden almacenar mediante la función Lambda de la API.

Serverless_Architecture
Serverless_Web_App_LP_assets-18

Alojamiento web estático

AWS Amplify aloja recursos web estáticos como HTML, CSS, JavaScript y archivos de imagen que se cargan en el navegador del usuario.

Serverless_Web_App_LP_assets-19

Administración de usuarios

Amazon Cognito proporciona funciones de administración y autenticación de usuarios para proteger la API de backend.

Serverless_Web_App_LP_assets-20

Backend sin servidor

Amazon DynamoDB proporciona una capa de persistencia donde los datos se pueden almacenar mediante la función Lambda de la API.

Serverless_Web_App_LP_assets-21

API RESTful

JavaScript ejecutado en el navegador envía y recibe datos de una API de backend pública creada mediante Lambda y API Gateway.

Módulos

Este taller se divide en cinco módulos. En cada módulo se describe un escenario sobre lo que se va a desarrollar y se proporcionan instrucciones paso a paso para ayudarle a implementar la arquitectura y verificar su trabajo.
  1. Alojamiento web estático
  2. Administración de usuarios
  3. Backend sin servidor
  4. API RESTful
  5. Finalización de recursos y siguientes pasos

Experiencia de AWS: principiante

Tiempo de realización: 2 horas

Costo para completarlo: cada servicio utilizado en esta arquitectura cumple los requisitos de la capa gratuita de AWS. Si supera los límites de uso de la capa gratuita, completar este tutorial le costará menos de 0,25 USD*.
 
Requisitos previos: para completar este tutorial, necesitará:
  • Una cuenta de AWS**
  • Un editor de texto
  • Navegador recomendado: la última versión de Chrome

*En esta estimación se supone que sigue las configuraciones recomendadas a lo largo del tutorial y termina todos los recursos en 24 horas.

**Es posible que las cuentas que se hayan creado en las últimas 24 horas aún no tengan acceso a los recursos necesarios para este tutorial.

Comenzar módulo 1: Alojamiento web estático