Skip to content

JhonyRetro/kiryum-vitae

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Taller AWS II | NextDigital

Este repositiorio incluye el código a una sencilla página web currículum que se ha desplegado utilizando Cloudfront de AWS. Así mismo, también se ha integrado Cognito como sistema de login de la página

Página Web

Pasos realizados

Para empezar, deberemos crear un bucket de S3 donde estará nuestra página web estática:

Bucket Creation

Una vez creado, clonaremos este repositorio y lo copiaremos al directorio del bucket:

Bucket Code

Con esto realizado, nos moveremos a la creación de un sitio estático con Cloudfront, servicio que proporciona un Web Application Firewall, por lo que si en un futuro quisiéramos, podríamos implementar políticas de seguridad en cuanto al acceso de nuestra página web.

Durante la creación, deberemos estar seguros de incluir como bucket de origen la dirección del bucket anteriormente creado:

Cloudfront App creation

Una vez creada la aplicación, deberemos editar como objeto root por defecto el nombre de nuestro fichero HTML. Ésto puede hacerse en el apartado de configuración general. Debería quedar parecido a la siguiente imagen:

Root object

Una vez desplegada, podremos acceder a la página a través del dominio de Cloudfront:

Cloudfront App access

Como parte opcional, se ha decidido implementar Cognito como método login a la página web. Para ello deberemos crear un grupo de usuarios en Amazon Cognito. Dicho grupo de usuarios debe apuntar a la dirección de la aplicación Cloudfront. En este caso le pediremos al usuario un correo electrónico y un nickname a la hora de crearse una cuenta. Una vez registrado un usuario, debería verse así en el almacenamiento del grupo de usuarios:

User Cognito

En la página principal del directorio de usuarios, iremos a la página login de nuestra aplicación y crearemos una cuenta:

Account creation User Cognito

Una vez confirmado el correo, se nos redirigirá automáticamente a la página web. Si nos fijamos en la URL, hay un parámetro GET con nuestro código de autenticación:

Cognito webpage

Dicho sistema de autenticación puede integrarse con el código desarrollado en JavaScript del repositorio. Es necesario tener la versión 20 o superior de Node, y se deberá ejecutar npm install para obtener todas las dependencias. Dicho código puede ir enlazado a una función de Amazon Lambda, que podría redirigir cualquier petición a la página web de Cloudfront a la de login de Cognito.

About

UPM | Code Kata made for the AWS courses given by NextDigital

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors