Uso de su dominio para un sitio web estático en un bucket de Amazon S3

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

• Registrar un nombre de dominio, como example.com

• Crear un bucket de Amazon S3 y configurarlo para alojar un sitio web

• Crear un sitio web de muestra y guardar el archivo en su bucket de S3

• Configurar Amazon Route 53 para dirigir el tráfico hacia su nuevo sitio web

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

nota

También puede transferir un dominio existente a Route 53, pero el proceso es más complejo y lleva más tiempo que registrar un nuevo dominio. Para obtener más información, consulte Transferencia del registro de un dominio a Amazon Route 53.

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: Crear un bucket de S3 para el dominio raíz

Amazon S3 le permite almacenar y recuperar los datos desde cualquier parte de Internet. Para organizar los datos, debe crear buckets y cargar los datos en los buckets mediante la AWS Management Console. Puede utilizar Amazon S3 para alojar un sitio web estático en un bucket. El siguiente procedimiento explica cómo crear un bucket.

Para crear un bucket de S3 para el dominio raíz

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

   Escriba el nombre del dominio; por ejemplo, ejemplo.com.

   Región

   Elija la región que esté más próxima a la mayoría de los usuarios.

   Anote la región que elija; necesitará esta información más adelante en el proceso.

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

Paso 3 (opcional): Crear otro bucket de S3 para www.su-nombre-de-dominio

En el procedimiento anterior, que ha creado un bucket para su nombre de dominio, como example.com. Esto permite a los usuarios obtener acceso a su sitio web mediante su nombre de dominio, como example.com.

Si también desea que sus usuarios puedan utilizar www. your-domain-name, como www.example.com, para acceder a su sitio web de muestra, cree un segundo bucket de S3. A continuación, configure el segundo bucket para dirigir el tráfico al primer bucket.

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

1. Elija Crear bucket.

2. Escriba los siguientes valores:

   Nombre del bucket

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

   Región

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

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

Paso 4: Configurar el bucket de dominio raíz para el alojamiento de sitios web

Ahora que tiene un bucket S3, puede configurarlo para el alojamiento de sitios web.

Para permitir el alojamiento de sitios web en su bucket de S3

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

2. En la lista Buckets, seleccione el nombre del bucket para el que desea habilitar el alojamiento de sitios web estáticos.

3. Seleccione Propiedades.

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

5. Elija Use this bucket to host a website (Usar este bucket para alojar un sitio web).

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

7. En Index Document (Documento de índice), escriba el nombre de archivo del documento de índice, normalmente index.html.

   El nombre del documento de índice distingue entre mayúsculas y minúsculas y debe coincidir exactamente con el nombre del archivo del documento de índice HTML que tiene previsto cargar en el bucket de S3. Al configurar un bucket para el alojamiento de sitios web, debe especificar un documento de índice. Amazon S3 devuelve este documento de índice cuando se reciben solicitudes en el dominio raíz o en cualquiera de las subcarpetas.

8. (Opcional): Para proporcionar su propio documento de error personalizado para los errores de clase 4XX, en Error document (Documento de error), ingrese el nombre de archivo del documento de error personalizado.

   Si no especifica un documento de error personalizado y se produce un error, Amazon S3 devuelve un documento de error HTML predeterminado.

9. (Opcional) Si desea especificar reglas de redireccionamiento avanzadas, en Redirection rules, (Reglas de redireccionamiento), especifique XML para describir las reglas.

   Para obtener más información, consulte Configurar redireccionamientos condicionales avanzados en la Guía del usuario de Amazon Simple Storage Service.

10. Elija Guardar cambios.

11. 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. Cuando termine de configurar el bucket como un sitio web estático, puede utilizar este punto de enlace para probar el sitio web, tal como se muestra en Paso 9: Probar el punto de conexión del dominio.

    Después de realizar los siguientes pasos para editar la configuración de acceso público y agregar una política de bucket que permita el acceso de lectura pública, puede utilizar el punto de conexión del sitio web para acceder a su sitio web.

Paso 5 (opcional): Configurar el bucket de subdominio para el redireccionamiento del sitio web

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

Para configurar un redireccionamiento

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

2. Seleccione Properties (Propiedades).

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

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

5. En el cuadro Target bucket (Bucket de destino), escriba su dominio raíz (por ejemplo, example.com).

6. En Protocol (Protocolo), elija http.

7. Elija Save changes.

Paso 6: Cargar índice para crear contenido del sitio web

Cuando permita el alojamiento de sitio web estático para su bucket, ingrese el nombre del documento de índice (por ejemplo, index.html). Después de permitir el alojamiento de sitio web estático para el bucket, cargue un archivo HTML con el nombre de este documento de índice en el bucket.

Para cargar un archivo de índice

1. Copie el siguiente texto de ejemplo que puede utilizar como un simple sitio web de una página para este tutorial, 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 an Amazon S3 Bucket for Your Website</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>

2. En la lista Buckets, seleccione el nombre del bucket para el que desea habilitar el alojamiento de sitios web estáticos.

3. En la consola de Amazon S3, elija el nombre del bucket que ha creado en el procedimiento Para permitir el alojamiento de sitios web en su bucket de S3 (haga clic en el nombre del bucket vinculado).

4. Elija Upload (Cargar), Add Files (Agregar archivos), seleccione index.html de donde lo guardó y, a continuación Upload (Cargar).

5. Si ha creado un documento de error, por ejemplo, 404.html, para cargarlo, siga los pasos del 3 al 5.

Paso 7: Editar la configuración del bloqueo de acceso público en S3

De forma predeterminada, Amazon S3 bloquea el acceso público a su cuenta y sus buckets. Si desea utilizar un bucket para alojar un sitio web estático, siga estos pasos para editar la configuración de acceso público.

aviso

Antes de completar este paso, revise Bloqueo del acceso público al almacenamiento de Amazon S3 para asegurarse de que comprende y acepta los riesgos que implica permitir el acceso público. Cuando desactiva la configuración de acceso público de bloqueo para que el bucket sea público, cualquier usuario de Internet puede acceder al bucket. Le recomendamos que bloquee todo el acceso público a sus buckets.

Para dirigir el tráfico a su sitio web

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

2. Elija el nombre del bucket que ha configurado como sitio web estático.

3. Elija Permissions (Permisos).

4. En Block public access (bucket settings) (Bloquear acceso público [configuración de bucket]), elija Edit (Editar).

5. Desactive Block all public access (Bloquear todo el acceso público) y elija Save changes (Guardar cambios).

Amazon S3 desactiva la configuración del bloqueo de acceso público para su bucket. Para crear un sitio web público y estático, es posible que también tenga que editar la configuración del bloqueo de acceso público para su cuenta antes de agregar una política de bucket. Si la configuración de cuenta para el bloqueo de acceso público está activada actualmente, verá una nota en Block public access (bucket settings) [Bloqueo de acceso público (configuración de bucket)].

Paso 8: Asociar una política de bucket

Después de editar la configuración de bloqueo de acceso público de Amazon S3, debe agregar una política de bucket para garantizar el acceso de lectura público a los objetos del bucket. Cuando concede permiso de lectura público, cualquier persona de Internet puede acceder a su bucket.

aviso

Antes de completar este paso, revise Bloqueo del acceso público al almacenamiento de Amazon S3 para asegurarse de que comprende y acepta los riesgos que implica permitir el acceso público. Cuando desactiva la configuración de acceso público de bloqueo para que el bucket sea público, cualquier usuario de Internet puede acceder al bucket. Le recomendamos que bloquee todo el acceso público a sus buckets.

Para dirigir el tráfico a su sitio web

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

2. En Buckets, elija el nombre del bucket.

3. Elija Permissions (Permisos).

4. En Bucket Policy (Política de bucket), elija Edit (Editar).

5. Copie la siguiente política de bucket y péguela en un editor de textos. Esta política concede a todos los usuarios de Internet permiso ("Principal":"*") para obtener los archivos ("Action":["s3:GetObject"]) en el bucket de S3 que esté asociado con su nombre de dominio ("arn:aws:s3:::your-domain-name/*").

   {
      "Version":"2012-10-17",
      "Statement":[{
         "Sid":"AddPerm",
         "Effect":"Allow",
         "Principal":"*",
         "Action":[
            "s3:GetObject"
         ],
         "Resource":[
            "arn:aws:s3:::your-domain-name/*"
         ]
       }]
   }

6. Actualice el valor de Resource a your-domain-name, por ejemploexample.com.

7. Elija Guardar cambios.

Paso 9: Probar el punto de conexión del dominio

Después de configurar el bucket de dominio para alojar un sitio web público, puede probar el punto de conexión de su dominio. Puede probar el punto de enlace solo para su bucket de dominio, ya que este está configurado para el redireccionamiento de sitios web y no para el alojamiento de sitios web estáticos.

nota

Amazon S3 no admite el acceso HTTPS al sitio web. Si quieres usar HTTPS, puedes usar Amazon CloudFront para ofrecer un sitio web estático alojado en Amazon S3.

Para obtener más información, consulte Exigir HTTPS para la comunicación entre los espectadores y CloudFront.

1. En Buckets, elija el nombre del bucket.

2. Seleccione Properties (Propiedades).

3. En la parte inferior de la página, en Static website hosting (Alojamiento de sitios web estáticos), elija el punto de conexión del sitio web del bucket.

   El documento de índice se abre en una ventana independiente del explorador.

Paso 10: Dirigir el tráfico de DNS de su dominio a su bucket de sitio web

Ahora tiene un sitio web de una página en el bucket de S3. Para comenzar a dirigir el tráfico de Internet de su dominio a su bucket de S3, siga este procedimiento.

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.

   nota

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

5. Elija Switch to wizard (Cambiar al asistente).

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

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

8. En Record name (Nombre de registro) acepte el valor predeterminado, que es el nombre de la zona alojada y el dominio.

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

10. En Valor/Dirigir tráfico a, elija Alias a punto de conexión de sitio web de S3.

11. Elija la región.

12. Elija el bucket de S3.

    El nombre del bucket debe coincidir con el nombre que aparece en el cuadro Name (Nombre). En la lista Elegir bucket de S3 , el nombre del bucket aparece con el punto de conexión del sitio web de Amazon S3 para la región donde se creó el bucket, por ejemplo, s3-website-us-west-1.amazonaws.com (example.com).

    Choose S3 bucket (Elegir bucket de S3) enumera un bucket si se cumple una de las siguientes condiciones:

    • Configuró el bucket como un sitio web estático.

    • El nombre del bucket es el mismo que el del registro que está creando.

    • La cuenta de AWS actual creó el bucket.

    Si el bucket no aparece en la descripción de Elegir bucket de S3, escriba el punto de conexión del sitio web de Amazon S3 de la región en la que se creó el bucket, por ejemplo, s3-website-us-west-2.amazonaws.com. Para obtener una lista completa de los puntos de enlace del sitio web de Amazon S3, consulte Puntos de enlace de sitio web de Amazon S3. Para obtener más información acerca del destino de alias, consulte la sección “Valor/ruta de destino del tráfico” en Valores específicos para registros de alias simples.

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

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

(Opcional) Para agregar un registro de alias para su subdominio (www.example.com)

Si ha creado un bucket para su subdominio, agréguele también un registro de alias.

1. En Configure records (Configurar registros), elija Define simple record (Definir registro simple).

2. En Record name (Nombre de registro) para el subdominio, escriba www.

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

4. En Valor/Dirigir tráfico a, elija Alias a punto de conexión de sitio web de S3.

5. Elija la región.

6. Elija el bucket de S3; por ejemplo, s3-website-us-west-2.amazonaws.com (example.com).

   Si el bucket no aparece en la descripción de Elegir bucket de S3, escriba el punto de conexión del sitio web de Amazon S3 de la región en la que se creó el bucket, por ejemplo, s3-website-us-west-2.amazonaws.com.

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

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

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

Paso 11: Probar el sitio web

Para verificar que el sitio web funcione correctamente, abra un navegador web y vaya a las siguientes URL:

• http://your-domain-name, por ejemplo, example.com — Muestra el documento de índice del your-domain-namedepósito

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

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 dirigir el tráfico de Internet a los recursos de AWS, consulte Enrutamiento del tráfico de Internet a los recursos de AWS.

Paso 12 (opcional): Usa Amazon CloudFront para acelerar la distribución de tu contenido

CloudFront es un servicio web que acelera la distribución de su contenido web estático y dinámico, como .html, .css, .js y archivos de imagen, a sus usuarios. CloudFront entrega su contenido a través de una red mundial de centros de datos denominados ubicaciones perimetrales. Cuando un usuario solicita el contenido con el que estás publicando CloudFront, se lo redirige a la ubicación perimetral que ofrezca la latencia más baja (retraso de tiempo), de modo que el contenido se entregue con el mejor rendimiento posible.

• Si el contenido ya está en la ubicación perimetral con la latencia más baja, CloudFront envíelo inmediatamente.

• Si el contenido no está en esa ubicación de borde, lo CloudFront recupera de un bucket de Amazon S3 o de un servidor HTTP (por ejemplo, un servidor web) que haya identificado como fuente de la versión definitiva del contenido.

Para obtener información sobre cómo distribuir el contenido de su bucket de Amazon S3, consulte Añadir contenido de Amazon S3 CloudFront al distribuir contenido de Amazon S3 en la Guía para CloudFront desarrolladores de Amazon. CloudFront