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

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

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 Configuración de 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 tus CloudFront distribuciones de Amazon y exigir que los espectadores usen HTTPS CloudFront para que las conexiones estén cifradas cuando CloudFront se comuniquen con los espectadores.

Para solicitar un certificado público AWS Certificate Manager(ACM) (consola)
  1. Inicie sesión en la consola AWS de administración y abra la consola ACM en https://console.aws.amazon.com/acm/home.

    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 página Método de validación, elija Validación por DNS.

  4. En la sección Algoritmo clave, elija RSA 2048.

  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 AWS los recursos.

    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 registros CNAME de sus dominios y, a continuación, elija Crear registros.

    La página Certificate status (Estado del certificado) debería abrirse con un informe de banner de estado Successfully created DNS records (Registros DNS creados 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.su-nombre-de-dominio

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 de Amazon S3 en https://console.aws.amazon.com/s3.

  2. Elija Crear bucket.

  3. Escriba los siguientes valores:

    Nombre del bucket

    Especifique www.nombre-dominio. Por ejemplo, si ha registrado el nombre de dominio example.com, escriba 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 quiere que sus usuarios puedan usar el dominio raíz, www.su-nombre-de-dominio (como, por ejemplo, www.example.com) para obtener acceso a su sitio web de muestra, debe crear otro 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 su-nombre-de-dominio
  1. Abra la consola de Amazon S3 en https://console.aws.amazon.com/s3.

  2. Elija Crear bucket.

  3. Escriba los siguientes valores:

    Nombre del bucket

    Especifique su-nombre-de-dominio. Por ejemplo, si ha registrado el nombre de dominio example.com, ingrese www.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 de 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), seleccione 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 utilice HTTPS para que las personas puedan verlo 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 Origin access identity (Identidad de acceso de origen), puede elegir de la lista o elegir Create new OAI (Crear nueva OAI) (ambos funcionarán).

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

  4. Para la configuración de Default Cache Behavior Settings (Configuración del comportamiento de caché predeterminado), en Viewer (Lector), establezca Viewer protocol policy (Política de protocolo de lectores), en Redirect HTTP to HTTPS (Redireccionamiento de HTTP a HTTPS) y acepte 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 Firewall de aplicación web (WAF), puede elegir habilitar o deshabilitar las protecciones de seguridad de AWS WAF .

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

    • Elija Add item (Agregar elemento) para Alternate domain name (CNAME) - optional (Nombre de dominio alternativo (CNAME): opcional), e ingrese su subdominio, como www.example.com.

    • Para Custom SSL Certificate (Certificado SSL personalizado), elija el certificado que creó previamente.

    • 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 que utilice HTTPS cuando su 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 aplicación web (WAF), puede elegir habilitar o deshabilitar las protecciones de seguridad de AWS WAF .

  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 (recomendado) 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:

    • Elija Add item (Agregar elemento) para Alternate domain name (CNAME) - optional (Nombre de dominio alternativo (CNAME): opcional), e ingrese su dominio raíz, como example.com.

    • Para Custom SSL Certificate (Certificado SSL personalizado), elija el certificado que creó previamente.

    • 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 el tráfico de DNS de su dominio a su distribución CloudFront

Ahora tiene un sitio web de una página en su bucket de S3 que usa 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 ‐ Enruta el tráfico a una dirección IPv4 y a algunos AWS recursos.

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

  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 ‐ Enruta el tráfico a una dirección IPv4 y a algunos AWS recursos.

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

  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 verificar que el sitio web funcione correctamente, abra un navegador web y vaya a las siguientes URL:

  • http//www.su-nombre-de-dominio, por ejemplo, www.example.com: muestra el documento de índice en el bucket de www.su-nombre-de-dominio.

  • https://su-nombre-de-dominio, por ejemplo, example.com: redirige la solicitud al bucket de www.su-nombre-de-dominio

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, consulte. Enrutar el tráfico de Internet a sus AWS recursos