Usa una CloudFront distribución de Amazon para ofrecer un sitio web estático

En este tutorial de introducción se muestra cómo realizar las siguientes tareas:

• Registre un nombre de dominio, como example.com.

• Cree un certificado para el dominio.

• Cree dos Amazon S3 buckets y configure uno para alojar un sitio web y el otro para redirigir al subdominio.

• Cree un sitio web de muestra y guarde el archivo en su bucket de S3.

• Cree CloudFront distribuciones para ambos buckets de S3.

• Configure Amazon Route 53 para enrutar el tráfico a las CloudFront distribuciones.

Cuando termine, podrá abrir un navegador, escribir el nombre de su dominio y ver su sitio web de forma segura.

Requisitos previos

Antes de comenzar, asegúrese de que ha realizado los pasos que se detallan en Configurar Amazon Route 53.

Paso 1: Registrar un dominio

Para utilizar un nombre de dominio (como example.com), debe encontrar un nombre de dominio que no se esté utilizando y registrarlo. Al registrar un nombre de dominio, lo reserva para su uso exclusivo en cualquier parte de Internet, por lo general, durante un año. De forma predeterminada, renovamos automáticamente el nombre de dominio al final de cada año, pero puede desactivar la renovación automática. Para obtener más información, consulte Registrar un nuevo dominio.

Paso 2: Solicitar un certificado público

Se necesita un certificado público para configurar CloudFront tus CloudFront distribuciones de Amazon y exigir que los espectadores HTTPS lo utilicen de forma que las conexiones estén cifradas cuando CloudFront se comuniquen con los espectadores.

Para solicitar un AWS Certificate Manager(ACM) certificado público (consola)

1. Inicie sesión en la consola AWS de administración y abra la ACM consola en https://console.aws.amazon.com/acm/casa.

   nota

   Asegúrese de crear el certificado en la región del este de EE. UU. (Norte de Virginia). Esto es obligatorio para Amazon CloudFront.

   En el menú de navegación izquierdo, elija Solicitar un certificado, y en la página Solicitar un certificado, elija Solicitar un certificado público y luego haga clic en Siguiente.

2. En la sección Nombres de dominio, escriba su dominio, por ejemplo example.com.

   En Agregar otro nombre a este certificado, escriba un asterisco delante del nombre de dominio para solicitar un certificado comodín para todos los subdominios, como *.example.com.

3. En la sección Método de validación, selecciona la DNSvalidación.

4. En la sección Algoritmo clave, elija RSA2048.

5. En la sección Agregar etiquetas, puede etiquetar el certificado si así lo desea. Las etiquetas son pares clave-valor que sirven como metadatos para identificar y organizar los recursos. AWS

   Seleccione Solicitud para ir a la página Certificados.

6. Cuando su nuevo certificado aparezca en estado Pendiente, elija el ID del certificado y, en la página de detalles del certificado, elija Crear registro en Route 53 para agregar automáticamente los CNAME registros de sus dominios y, a continuación, elija Crear registros.

   La página de estado del certificado debería abrirse con un banner de estado que indique que los DNSregistros se han creado correctamente.

   El nuevo certificado podría continuar mostrando un estado de Pending validation (Validación pendiente) durante un máximo de 30 minutos.

Paso 3: Crear un bucket de S3 para alojar el subdominio

Para crear un bucket de S3 para www. your-domain-name

Amazon S3 le permite almacenar y recuperar los datos desde cualquier parte de Internet. En este paso se crea un bucket de S3 para almacenar todos los archivos de su sitio web.

1. Abra la consola Amazon S3 en https://console.aws.amazon.com/s3/.

2. Elija Crear bucket.

3. Escriba los siguientes valores:

   Nombre del bucket

   Ingresa www.your-domain-name. Por ejemplo, si ha registrado el nombre de dominio example.com, introduzca www.example.com.

   Región

   Elija una región para el bucket.

4. Para aceptar la configuración predeterminada y crear el bucket, elija Create (Crear).

   Para obtener más información acerca de la configuración del bucket de S3, consulte Ver las propiedades del bucket en la Guía del usuario de Amazon S3.

Paso 4: Crear un bucket de S3 para el dominio raíz

Si también desea que sus usuarios puedan usar el dominio raíz,.your-domain-name (como example.com) para acceder a su sitio web de muestra, cree un segundo bucket de S3. En este tutorial, a continuación, configurará el segundo bucket (dominio raíz) para dirigir el tráfico al primer bucket.

Para crear un bucket de S3 para your-domain-name

1. Abra la consola Amazon S3 en https://console.aws.amazon.com/s3/.

2. Elija Crear bucket.

3. Escriba los siguientes valores:

   Nombre del bucket

   Escriba your-domain-name. Por ejemplo, si ha registrado el nombre de dominio example.com, introduzca example.com.

   Región

   Elija la misma región en la que creó el primer bucket.

4. Para aceptar la configuración predeterminada y crear el bucket, elija Create (Crear).

Paso 5: Cargar archivos del sitio web al bucket del subdominio

Ahora que tiene un bucket S3, puede cargar los archivos de su sitio web. En este tutorial, subirá un archivo index.html simple que muestra el texto en una página.

Para habilitar el alojamiento de sitios web para un bucket de S3

1. Abra la consola Amazon S3 en https://console.aws.amazon.com/s3/.

2. En la lista Buckets, elija el nombre vinculado del bucket en el que desee cargar los archivos del sitio web; por ejemplo www.example.com.

3. Copie el texto de ejemplo que crea un sitio web simple de una página, péguelo en un editor de texto y guárdelo como index.html:

   <html>
   <head>
   <title>Amazon Route 53 Getting Started</title>	
   </head>
   
   <body>
   
   <h1>Routing Internet traffic to Cloudfront distributions for your website stored in an S3 bucket</h1>
   
   <p>For more information, see 
   <a href="https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/getting-started.html">Getting Started with Amazon Route 53</a> 
   in the <emphasis>Amazon Route 53 Developer Guide</emphasis>.</p>
   
   </body>
   
   </html>

4. En la pestaña Objects (Objetos), elija Upload (Cargar).

5. En Files and folders (Archivos y carpetas), elija Add files (Agregar archivos) y cargue los archivos de su sitio web. Para este tutorial, cargue el archivo index.html que guardó en el paso 3 de este procedimiento.

Paso 6: Configurar el bucket de dominio raíz para el redireccionamiento de sitios web

Una vez que haya configurado su bucket de dominio raíz para el alojamiento de un sitio web, puede configurar opcionalmente el bucket de dominio raíz para redirigir todas las solicitudes al subdominio. Por ejemplo, puede configurar todas las solicitudes de example.com para ser redirigido a www.example.com.

Para configurar un redireccionamiento

1. En la consola de Amazon S3, en la lista Buckets, elija su nombre de bucket (por ejemplo, example.com).

2. Seleccione Properties (Propiedades).

3. Elija Static website hosting (Alojamiento de sitios web estáticos), elija Edit (Editar).

4. En Static website hosting (Alojamiento de sitios web estáticos), seleccione Enable (Habilitar).

5. Elija Redirect requests for an object (Redirigir solicitudes de un objeto).

6. En el cuadro Host name (Nombre de host), ingrese su subdominio; por ejemplo, www.example.com.

7. En Protocol (Protocolo), elija HTTPS.

8. Elija Guardar cambios.

9. En Static website hosting (Alojamiento de sitios web estáticos), anote el valor de Endpoint (Punto de conexión).

   Endpoint (Punto de enlace) es el punto de conexión del sitio web de Amazon S3 para el bucket. Utilizarás este punto de conexión para configurar una CloudFront distribución de Amazon.

Paso 7: Crea una CloudFront distribución de Amazon para tu subdominio

En este paso, creas una CloudFront distribución para tu subdominio, como www.example.com, para permitir que tu sitio web la utilice de HTTPS forma que las personas puedan verla de forma segura.

Para crear una distribución de CloudFront

1. Abre la consola en CloudFront . https://console.aws.amazon.com/cloudfront/v4/home

2. Elija Crear distribución.

3. En Origen, para Dominio de origen, elija el bucket de Amazon S3 que creó con anterioridad. El formato tendrá un aspecto similar awww.example.com.s3.<Region>.amazonaws.com.

   Para Acceder al origen, seleccione Identidades de acceso antiguas. Para la identidad de acceso de Origin, puedes elegir una de las opciones de la lista o elegir Crear nueva OAI (ambas opciones funcionarán).

   En Bucket policy (Política de bucket), elija Yes, update the bucket policy (Sí, actualizar la política de bucket).

4. Para los ajustes de la sección Configuración de comportamiento de la caché predeterminada, en Viewer, establece la política de protocolo del visor en Redirigir HTTP a HTTPS y acepta los valores predeterminados para el resto.

   Para obtener más información sobre las opciones de comportamiento de la caché, consulta la sección Configuración del comportamiento de la caché en la guía para CloudFront desarrolladores de Amazon.

5. En la sección Web Application Firewall (WAF), puede optar por activar o desactivar las protecciones AWS WAF de seguridad.

6. Para los campos de Settings (Configuración), realice la siguiente operación:

   • Seleccione Añadir elemento como nombre de dominio alternativo (CNAME) (opcional) e introduzca su subdominio, por ejemplo. www.example.com

   • Para el SSLcertificado personalizado, elige el certificado que creaste anteriormente.

   • En el cuadro de texto Default root object (Objeto raíz predeterminado), escriba index.html.

   • Para el resto, acepte los valores predeterminados y elija Crear distribución.

     Para obtener más información acerca de las opciones de distribución, consulte Configuración de distribución.

7. Una CloudFront vez creada la distribución, el valor de la columna Estado de la distribución cambia de En curso a Implementada. Esto normalmente dura unos minutos.

   Registre el nombre de dominio que se CloudFront asigna a su distribución, que aparece en la lista de distribuciones. Puede usar este nombre de dominio para probar la distribución.

Paso 8: Crea una CloudFront distribución de Amazon para tu dominio raíz

En este paso, crea una CloudFront distribución para su dominio raíz para utilizarla HTTPS cuando URL se redirija al subdominio.

Para crear una distribución de CloudFront

1. Abre la CloudFront consola en. https://console.aws.amazon.com/cloudfront/v4/home

2. Elija Create Distribution (Crear distribución).

3. En Origin Settings (Configuración de origen), para Origin Domain Name (Nombre de dominio de origen), indique el punto de enlace del sitio web del bucket. Obtiene esto de la sección Static website hosting (Alojamiento de sitios web estáticos) de Properties (Propiedades) del bucket de Amazon S3 que creó anteriormente.

   Para el resto, acepte los valores predeterminados.

4. En la sección Firewall de aplicaciones web (WAF), puede elegir activar o desactivar las protecciones AWS WAF de seguridad.

5. Para los campos de las solicitudes de origen y clave de caché, elija Política de caché y Política de solicitudes de origen (recomendada) y, en el menú desplegable Política de caché, elija CachingDisabled

   Para el resto, acepte los valores predeterminados.

   Para obtener más información sobre las opciones de comportamiento de la caché, consulta la sección Configuración del comportamiento de la caché en la guía para CloudFront desarrolladores de Amazon.

6. Para los campos de Settings (Configuración), realice la siguiente operación:

   • Selecciona Añadir elemento como nombre de dominio alternativo (CNAME) (opcional) e introduce tu dominio raíz, por ejemploexample.com.

   • Para el SSLcertificado personalizado, elija el certificado que creó anteriormente.

   • Para el resto, acepte los valores predeterminados.

   Para obtener más información acerca de las opciones de distribución, consulte Configuración de distribución.

7. En la parte inferior de la página, elija Create Distribution (Crear distribución).

8. Una CloudFront vez creada la distribución, el valor de la columna Estado de la distribución cambia de En curso a Implementada. Esto normalmente dura unos minutos.

   Registre el nombre de dominio que se CloudFront asigna a su distribución, que aparece en la lista de distribuciones. Puede usar este nombre de dominio para probar la distribución.

Paso 9: Dirija DNS el tráfico de su dominio a su distribución CloudFront

Ahora tiene un sitio web de una página en su bucket de S3 que utiliza una CloudFront distribución. Para empezar a enrutar el tráfico de Internet de su dominio a la CloudFront distribución, lleve a cabo el siguiente procedimiento.

Para obtener más información sobre el enrutamiento del tráfico a CloudFront las distribuciones, consulteEnrutar 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

   Al registrar el dominio, Amazon Route 53 crea automáticamente una zona alojada con el mismo nombre. Una zona alojada contiene información sobre el modo en que desea que Route 53 dirija el tráfico del dominio.

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

4. Elija Crear registro.

   Si se encuentra en la vista Quick create record (Creación rápida del registro), elija Switch to wizard (Cambiar al asistente).

   nota

   Cada registro contiene información sobre cómo desea dirigir el tráfico de un dominio (como example.com) o subdominio (como www.example.com o test.example.com). Los registros se almacenan en la zona alojada del dominio.

5. Elija Simple routing (Enrutamiento sencillo) y Next (Siguiente).

6. Elija Define simple record (Definir registro simple).

7. En Record name (Nombre de registro), escriba www delante del valor predeterminado, que es el nombre de la zona alojada y el dominio.

8. En Tipo de registro, elija A ‐ Dirige el tráfico a una IPv4 dirección y a algunos AWS recursos.

9. En Valor/Dirigir el tráfico a, elija Alias para la CloudFront distribución.

10. Elija la distribución.

    El nombre de la distribución debe coincidir con el nombre que aparece en el cuadro Domain name (Nombre del dominio), en la lista Distributions (Distribuciones); por ejemplo, dddjjjkkk.cloudfront.net.

11. En Evaluate target health (Evaluar el estado del destino), elija No.

12. Elija Define simple record (Definir registro simple).

Para agregar un registro de alias para su dominio raíz (example.com)

Agregue un registro de alias para el dominio raíz también, de modo que señale al bucket de S3 que redirige el tráfico a www.example.com. Para obtener más información sobre el enrutamiento del tráfico a CloudFront las distribuciones, consulte. Enrutar el tráfico a una CloudFront distribución de Amazon mediante tu nombre de dominio

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

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

3. Elija Crear registro.

   Si se encuentra en la vista Quick create record (Creación rápida del registro), elija Switch to wizard (Cambiar al asistente).

   nota

   Cada registro contiene información sobre cómo desea dirigir el tráfico de un dominio (como example.com) o subdominio (como www.example.com o test.example.com). Los registros se almacenan en la zona alojada del dominio.

4. Elija Simple routing (Enrutamiento sencillo) y Next (Siguiente).

5. Elija Define simple record (Definir registro simple).

6. En Record name (Nombre de registro), acepte el valor predeterminado.

7. En Tipo de registro, elija A ‐ Dirige el tráfico a una IPv4 dirección y a algunos AWS recursos.

8. En Valor/Dirigir el tráfico a, elija Alias para la CloudFront distribución.

9. Elija la distribución.

   El nombre de la distribución debe coincidir con el nombre que aparece en el cuadro Domain name (Nombre del dominio), en la lista Distributions (Distribuciones); por ejemplo, dddjjjkkk.cloudfront.net.

10. En Evaluate target health (Evaluar el estado del destino), elija No.

11. Elija Define simple record (Definir registro simple).

12. En la página Configure records (Configurar registros) , elija Create records (Crear registros).

Paso 10: Probar el sitio web

Para comprobar que el sitio web funciona correctamente, abra un navegador web y busque lo siguiente: URLs

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

• https://your-domain-name por ejemplo, example.com — Redirige su solicitud a la www.your-domain-name bucket

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

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