Introducción a AWS

Crear una aplicación web sin servidor

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

Crear una aplicación web sin servidor

Introducción: cree una aplicación web sin servidor

Siga las instrucciones paso a paso para crear una sencilla aplicación web sin servidor que permita a los usuarios solicitar paseos en unicornio de la flota de Wild Rydes

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 una implementación continua y el alojamiento de los recursos web estáticos, incluidos los archivos HTML, CSS, JavaScript y 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.

 Experiencia de AWS

Principiante

 Tiempo de realización

2 horas

 Costo de realización

Cada servicio utilizado en esta arquitectura cumple los requisitos del nivel gratuito de AWS. Si supera los límites de uso del nivel gratuito, completar este tutorial costará menos de 0,25 USD*.

 Requisitos previos del tutorial

Tecnologías utilizadas:


* En esta estimación se supone que se siguen las configuraciones recomendadas a lo largo del tutorial y que se terminan 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.

Módulos

Este taller se divide en cinco módulos. En cada módulo se describe un escenario sobre lo que se va a crear y se proporcionan instrucciones paso a paso para ayudarle a implementar la arquitectura y verificar su trabajo. 

  1. Aloje un sitio web estático (15 minutos): configure AWS Amplify para alojar los recursos estáticos para la aplicación web con implementación continua incorporada
  2. Administre usuarios (30 minutos): cree un grupo de usuarios de Amazon Cognito para administrar las cuentas de los usuarios.
  3. Cree un backend sin servidor (30 minutos): cree un proceso de backend para manejar las solicitudes de la aplicación web
  4. Implemente una API de RESTful (15 minutos): utilice Amazon API Gateway para exponer la función Lambda que creó en el módulo anterior como una API de RESTful
  5. Termine los recursos (10 minutos): termine todos los recursos creados durante este tutorial

Aloje un sitio web estático