AWS S3 Static Sitio web Hosting con AWS CloudFront

AWS S3 Static Sitio web Hosting con AWS CloudFront
CloudFront es el servicio web proporcionado por Amazon para la entrega rápida de contenido en la web.
AWS CloudFront es muy útil en las redes, ya que acelera la entrega de contenido en la web y reduce la latencia de la red. Cloudfront es uno de los servicios de AWS más utilizados.

Los sitios web estáticos y dinámicos se pueden alojar a través de AWS CloudFront. En este artículo, discutiremos la forma de alojar un sitio web estático S3 a través de AWS CloudFront.

Los siguientes pasos están involucrados en el proceso de alojamiento de un sitio web estático S3:

  • Crea un cubo S3
  • Cargar objetos en cubo
  • Crear una distribución de Cloudfront
  • Abra el sitio web estático en la web

Cómo alojar un sitio web estático S3 a través de CloudFront?

El proceso de alojamiento del sitio web S3 estático involucra a dos de los principales servicios de AWS I.mi., AWS S3 y AWS Cloudfront.

Paso 1: crea un cubo S3
Primero, abra el servicio S3 de AWS buscando el servicio en la consola de administración de AWS.

Haga clic en el botón "Crear cubo" en la opción de cubos de S3.

Dé un nombre único a nivel mundial al cubo y seleccione la región.

Los usuarios pueden agregar los detalles y requisitos mientras crean un cubo S3 de su propia elección. Aquí bloqueamos todo el acceso público marcando la opción.

Dado que no queremos mantener múltiples variantes de los objetos en el cubo, simplemente deshabilite el contenido de versiones del cubo.

Por último, haga clic en el botón "Crear cubo", y de esta manera se crea el cubo S3.

Aparece un mensaje de éxito en la parte superior para confirmar que el cubo se ha creado y el recién creado aparece en la lista de deseos.

Paso 2: Cargar objetos en el cubo
La información del sitio web estático debe cargarse como los objetos en el cubo S3, por lo tanto, para cargar los objetos en el cubo, simplemente haga clic en el nombre del cubo y luego haga clic en el botón "Cargar" en la sección de objetos.

Después de eso, haga clic en el botón "Agregar archivos" y luego navegue y seleccione los archivos del sistema que contienen el contenido estático del sitio web.

Después de seleccionar archivos del sistema, haga clic en el botón "Cargar".

El mensaje de éxito indica que los objetos se cargan correctamente.

Paso 3: crear una distribución de Cloudfront
Ahora, abra el servicio AWS CloudFront.

Haga clic en el botón "Crear distribución".

Haga clic en el espacio dado para el dominio de origen. El nombre y el origen del recién creado S3 Bucket aparecerán en el menú desplegable. Seleccione el cubo.

Marque la opción "Redireccionar HTTP a HTTPS" en la Política de Protocolo del Visor para que el alojamiento sea seguro. Configurar otros detalles.

Después de seleccionar las opciones de acuerdo con el tipo de sitio web que se alojará, haga clic en el botón "Crear distribución".

De esta manera, la distribución se crea con éxito.

Aparece en la lista de distribuciones de CloudFront con el estado que se muestra como "habilitado".

Paso 4: Abra el sitio web estático en la web
El nombre de dominio dado a la distribución de CloudFront se utiliza para abrir el sitio web estático en la web. Copiar el nombre de dominio.

Escriba "https: //" primero y luego pegue el nombre de dominio copiado en el navegador web. El sitio web estático aparece con el dominio CloudFront en el navegador web.

Se trataba de cómo alojar un sitio web S3 estático a través de AWS CloudFront.

Conclusión

Alojamiento de un sitio web estático S3 a través de AWS CloudFront requiere crear un cubo S3 y agregar objetos a él, crear una distribución de Cloudfront agregando el origen del cubo S3 como el dominio de origen y pegando el nombre de dominio de la distribución de nubes creada en el navegador web. El contenido estático del sitio web almacenado en el cubo S3 seleccionado aparece en la interfaz del navegador web.