Publicar una Web Estática de S3 en Route 53 + ClouFront

Publicar una Web Estática de S3 en Route 53 + ClouFront

Vamos a seguir un esquema AWS basado en diferentes piezas, para poder tener un Review rápido, adjunto una imagen que espero sea bastante ilustradora:

Publicar una Web Estática de S3 en Route 53 + ClouFront

El primer paso será Publicar una Web Estática con S3. Hay que tener en cuenta que previamente habremos desplegado dichos ficheros en S3. Estamos hablando de simplemente cargar unos ficheros estáticos (HTML), que el própio S3 se encargará de servir, es decir, será nuestro Web Server. En la siguiente imágen, podemos ver como simplemente, una opción de configuración del própio Bucket de S3 que creemos para la ocasión nos pedirá cual de los ficheros será el “index.html” y cual (opcional) será el de error en caso de no encontrar la ruta seleccionado por nuestros visitantes (vendría a ser la página de 404).

Publicar una Web Estática de S3 en Route 53 + ClouFront

Una vez tengamos listo nuestro Site con S3, nos dará una URL de muestra, por ejemplo:

http://example.com-s3-website-us-west-2-amazonaws.com

y podremos validar que se ha publicado correctamente y que la navegación es también la esperada.

Asociando a un Dominio. Para poder publicarlo asociado a un Dominio tendremos que realizar un siguiente paso, en esta ocasión en Route 53. Para ello tendremos que crear una nueva Hosted Zone o utilizar la que prefiramos. El paso es muy simple, del Record Set que deseemos, imaginemos el principal (blank) y/o bien el “www”, en su configuración, tendremos que indicar que vamos a crear un Alias (ver imagen) y entonces, unos segundos después, se nos cargaran todas las opciones. Una de ellas tendría que ser nuestra opción. También, podremos localizar otras opciones como “Load Balancer”, “CloudFront”, etc…

Publicar una Web Estática de S3 en Route 53 + ClouFront

Si todo va bien, tras la espera de la replicación de los DNS, podremos navegar por la web estática usando el Dominio que hemos configurado. Importante, esta opción solo es para la publicación de una web HTTP, para publicarla HTTPS, entonces, tendremos que usar la opción siguiente: CloudFront.

Publicando vía CloudFront para HTTPS. CloudFront sirve para muchas más cosas, está claro que uno de sus fuertes es servir contenido multimedia, de una forma rápida y muy accesible. Pero, en nuestro caso, lo vamos a usar para poder desplegar la web vía HTTPS. Para empezar tendremos que tener un SSL Certified, podemos usar uno própio (por ejemplo creado mediante Let’s Encrypt) o bien, usando el servicio “AWS Certificate Manager”, que gratuitamente nos permitirá tener un certificado muy rápidamente.

Si nos dirigimos al servicio de CloudFront y creamos nuestro Site, en los siguientes y básicos pasos de configuración deberemos especificar el origen:

Publicar una Web Estática de S3 en Route 53 + ClouFront

Y, como indicaba anteriormente, el certificado que vamos a usar para su publicación:

Publicar una Web Estática de S3 en Route 53 + ClouFront

Hay que decir que CloudFront permite muchas más opciones, por ejemplo el tiempo de re-sync, no deja de ser una “cache” y nos permitirá actualizar más o menos frecuente su contenido, todo a la vez o por partes (imágenes, texto, etc…). No es difícil usar CloudFront para la publicación de un Site pero miraré de ir detallando más en siguientes artículos, ya que algunas de sus configuraciones, particulares, merecen entradas própias. Como nota final, comentar que hay que tener paciencia para su publicación, sobretodo si estamos sincronizando todo a la vez.

Autor: Joakim Vivas

comments powered by Disqus