Utilice una CloudFront distribución de Amazon para publicar un sitio web estático

En este tema se muestra cómo dirigir el tráfico de DNS de su dominio a CloudFront las distribuciones de Amazon que ofrecen un sitio web estático. Creas registros de alias que dirigen tu dominio y subdominio a tus CloudFront distribuciones.

Este tema forma parte de un flujo de trabajo de configuración de sitios web estáticos. Para obtener información general sobre cómo dirigir el tráfico a una CloudFront distribución, consulteDirigir el tráfico a una CloudFront distribución de Amazon mediante tu nombre de dominio.

Tras completar estos pasos, tendrá configurados los siguientes recursos:

• Un SSL/TLS certificado para tu dominio en AWS Certificate Manager

• Buckets de Amazon S3 configurados para el alojamiento y redireccionamiento de sitios web.

• CloudFront distribuciones tanto para tu dominio raíz como para tu subdominio

De este modo, los visitantes pueden acceder a tu sitio web con tu nombre de dominio personalizado con la seguridad HTTPS desde. CloudFront

Requisitos previos

Antes de comenzar, complete los pasos a continuación:

• Realice los pasos que se indican en Configuración de Amazon Route 53.

• Registre un nombre de dominio mediante Amazon Route 53. Para obtener más información, consulte Registrar un nuevo dominio.

• Crea un sitio web estático seguro con Amazon CloudFront y Amazon Simple Storage Service. Para obtener instrucciones, consulte Cómo empezar a utilizar un sitio web estático seguro en la Guía para CloudFront desarrolladores de Amazon.

Paso 1: Dirige el tráfico de DNS de tu dominio a tu CloudFront distribución

Ahora que tiene CloudFront distribuciones de Amazon para su sitio web, dirija el tráfico de DNS de su dominio a esas distribuciones. Esto permite a los visitantes llegar a tu sitio web con tu nombre de dominio personalizado.

Para obtener más información sobre cómo dirigir el tráfico a CloudFront las distribuciones, consulteDirigir el tráfico a una CloudFront distribución de Amazon mediante tu nombre de dominio.

Para dirigir el tráfico a su sitio web

1. Abra la consola de Route 53 en https://console.aws.amazon.com/route53/.

2. En el panel de navegación, elija Zonas alojadas.

   nota

   Cuando registró su dominio, Amazon Route 53 creó una zona alojada con el mismo nombre. Esta zona alojada almacena información sobre cómo Route 53 dirige el tráfico del dominio.

3. En la lista de zonas alojadas, elija el nombre de su dominio.

4. Elija Crear registro.

5. Especifique los siguientes valores:

   Nombre del registro

   Para el registro de su subdominio, introduzca www.

   Tipo de registro

   Seleccione A ‐ Dirige el tráfico a una dirección IPv4 y a algunos AWS recursos.

   Alias

   Active Alias.

   Dirigir tráfico a

   Seleccione Alias para la CloudFront distribución.

   Seleccione la región us-east-1.

   Elige tu CloudFront distribución. El nombre de la distribución coincide con el valor de la columna Nombre de dominio de la CloudFront consola (por ejemplo,d111111abcdef8.cloudfront.net).

   Evaluate target health

   Acepte el valor predeterminado de No.

6. Elija Crear registros.

Para añadir un registro de alias para tu dominio raíz (example.com)

Añade también un registro de alias para tu dominio raíz. Diríjalo a la CloudFront distribución a la que redirige el tráfico. www.example.com

1. Elija Crear registro.

2. Especifique los siguientes valores:

   Nombre del registro

   Déjelo en blanco para crear un registro para el dominio raíz.

   Tipo de registro

   Seleccione A ‐ Dirige el tráfico a una dirección IPv4 y a algunos AWS recursos.

   Alias

   Active Alias.

   Dirigir tráfico a

   Seleccione Alias para la CloudFront distribución.

   Seleccione la región us-east-1.

   Elige la CloudFront distribución de tu dominio raíz.

   Evaluate target health

   Acepte el valor predeterminado de No.

3. Elija Crear registros.

Paso 2: Pon a prueba tu sitio web

Para comprobar que tu sitio web funciona, abre un navegador web y ve a las siguientes URL:

• https://www.your-domain-name, por ejemplo, www.example.com — Muestra el documento de índice en el bucket www.your-domain-name

• https://your-domain-namepor ejemplo, example.com — Redirige tu solicitud al bucket www.your-domain-name

En algunos casos, posiblemente deba eliminar la memoria caché para ver el comportamiento esperado.

Para obtener más información sobre cómo enrutar el tráfico de Internet, consulteConfiguración de Amazon Route 53 como servicio DNS. Para dirigir el tráfico a AWS los recursos, consulteEnrutar el tráfico de Internet a su AWS recursos.