Tutorial: Configuración de un sitio web estático mediante un dominio personalizado registrado con Route 53

Para crear los buckets para el alojamiento de sitios web

Las siguientes instrucciones proporcionan información general sobre cómo crear los buckets para el alojamiento de sitios web. Para obtener instrucciones detalladas paso a paso sobre la creación de un bucket, consulte Crear un bucket.

1. Inicie sesión en la AWS Management Console y abra la consola de Amazon S3 en https://console.aws.amazon.com/s3/.

2. Cree el bucket del dominio raíz:

   1. Elija Create bucket (Crear bucket).

   2. Introduzca el Bucket name (Nombre del bucket) (por ejemplo: example.com).

   3. Elija la región en la que desea crear el bucket.

      Elija una región que esté cercana geográficamente para minimizar la latencia y los costos, o para cumplir los requisitos normativos. La región que elija determina el punto de conexión de sitio web de Amazon S3. Para obtener más información, consulte Puntos de enlace de sitio web.

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

3. Cree el bucket del subdominio:

   1. Elija Create bucket (Crear bucket).

   2. Introduzca el Bucket name (Nombre del bucket) (por ejemplo: www.example.com).

   3. Elija la región en la que desea crear el bucket.

      Elija una región que esté cercana geográficamente para minimizar la latencia y los costos, o para cumplir los requisitos normativos. La región que elija determina el punto de conexión de sitio web de Amazon S3. Para obtener más información, consulte Puntos de enlace de sitio web.

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

Para habilitar el alojamiento estático de sitios web

1. Inicie sesión en la AWS Management Console y 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 Properties (Propiedades).

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

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. Para obtener más información, consulte Configurar un documento de índice.

8. Si desea proporcionar su propio documento de error personalizado para los errores de clase 4XX, escriba el nombre de archivo del documento de error personalizado en Error document (Documento de error).

   El nombre del documento de error distingue entre mayúsculas y minúsculas y debe coincidir exactamente con el nombre del archivo del documento de error HTML que tiene previsto cargar en el bucket de S3. Si no especifica un documento de error personalizado y se produce un error, Amazon S3 devuelve un documento de error HTML predeterminado. Para obtener más información, consulte Configurar un documento de error personalizado.

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

   Por ejemplo, puede dirigir condicionalmente las solicitudes según nombres de clave de objeto o prefijos específicos en la solicitud. Para obtener más información, consulte Configurar reglas de redireccionamiento para utilizar redireccionamiento condicional avanzado.

10. Elija Save changes (Guardar cambios).

    Amazon S3 permite activar el alojamiento de sitios web estáticos para su bucket. En la parte inferior de la página, en Static website hosting (Alojamiento de sitios web estáticos), verá el punto de conexión del sitio web para su bucket.

11. En Static website hosting (Alojamiento de sitios web estáticos), anote el valor de Endpoint (Punto de enlace).

    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 conexión para probar el sitio web.

Para configurar una solicitud de redirección, realice el siguiente procedimiento:

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

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.

Para habilitar el registro de acceso al servidor para el bucket del dominio raíz

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

2. En la misma región en la que creó el bucket configurado como sitio web estático, cree un bucket para el registro, por ejemplo logs.example.com.

3. Cree una carpeta para los archivos de registro de acceso al servidor (por ejemplo: logs).

4. (Opcional) Si desea utilizar CloudFront para mejorar el rendimiento del sitio web, cree una carpeta para los archivos de registro de CloudFront (por ejemplo: cdn).

   importante

   Al crear o actualizar una distribución y habilitar el registro de CloudFront, CloudFront actualiza la lista de control de acceso (ACL) del bucket para conceder a la cuenta awslogsdelivery permisos FULL_CONTROL para que escriba registros en el bucket. Para obtener más información, consulte Permisos necesarios para configurar el registro estándar y acceder a los archivos de registro en la Guía para desarrolladores de Amazon CloudFront. Si el bucket que almacena los registros utiliza la configuración de propietario del bucket obligatorio de S3 Object Ownership para desactivar las ACL, CloudFront no puede escribir registros en el bucket. Para obtener más información, consulte Control de la propiedad de los objetos y desactivación de las ACL del bucket.

5. En la lista Buckets, elija el bucket de dominio raíz.

6. Seleccione Properties (Propiedades).

7. En Server access logging (Registro de acceso al servidor), elija Edit (Editar).

8. Elija Enable.

9. En el bucket de destino, elija el destino del bucket y la carpeta para los registros de acceso al servidor:

   • Busque la carpeta y la ubicación del bucket:

     1. Elija Browse S3 (Examinar S3).

     2. Elija el nombre del bucket y, a continuación, elija la carpeta de registros.

     3. Elija Choose path (Elegir ruta).

   • Introduzca la ruta del bucket de S3, por ejemplo, s3://logs.example.com/logs/.

10. Elija Save changes (Guardar cambios).

    En su bucket de registro, ahora puede acceder a sus registros. Amazon S3 escribe los registros de acceso al sitio web en su bucket de registro cada dos horas.

Para configurar el documento de índice

1. Cree un archivo index.html.

   Si no tiene un archivo index.html, puede usar el siguiente HTML para crear uno:

   <html xmlns="http://www.w3.org/1999/xhtml" >
   <head>
       <title>My Website Home Page</title>
   </head>
   <body>
     <h1>Welcome to my website</h1>
     <p>Now hosted on Amazon S3!</p>
   </body>
   </html>

2. Guarde el archivo de índice localmente.

   El nombre del archivo de documento de índice debe coincidir exactamente con el nombre del documento de índice que especifique en el cuadro de diálogo Static website hosting (Alojamiento de sitio web estático). El nombre del documento de índice distingue entre mayúsculas y minúsculas. Por ejemplo, si escribe index.html en el nombre del Index document (Documento de índice) en el cuadro de diálogo Static website hosting (Alojamiento de sitio web estático), el nombre del archivo de documento de índice también debe ser index.html y no Index.html.

3. Inicie sesión en la AWS Management Console y abra la consola de Amazon S3 en https://console.aws.amazon.com/s3/.

4. En la lista Buckets, elija el nombre del bucket que desea utilizar para alojar un sitio web estático.

5. Habilite el alojamiento de sitios web estáticos para su bucket e introduzca el nombre exacto del documento de índice (por ejemplo: index.html). Para obtener más información, consulte Habilitar el alojamiento de sitios web.

   Después de habilitar el alojamiento estático del sitio web, continúe con el paso 6.

6. Para cargar el documento de índice en el bucket, realice una de las siguientes acciones:

   • Arrastre y suelte el archivo de índice en la lista de buckets de la consola.

   • Elija Upload (Cargar) y siga las instrucciones para elegir y cargar el archivo de índice.

   Para obtener instrucciones paso a paso, consulte Carga de objetos.

7. (Opcional) Cargue otros contenidos del sitio web en su bucket.

Para configurar un documento de error,

1. Cree un documento de error, por ejemplo 404.html.

2. Guarde el archivo de documento de error localmente.

   El nombre del documento de error distingue mayúsculas y minúsculas y debe coincidir exactamente con el nombre que escriba al habilitar el alojamiento de sitios web estáticos. Por ejemplo, si escribe 404.html en el nombre del Error document (Documento de error) en el cuadro de diálogo Static website hosting (Alojamiento de sitio web estático), el nombre del archivo del documento de error también debe ser 404.html.

3. Inicie sesión en la AWS Management Console y abra la consola de Amazon S3 en https://console.aws.amazon.com/s3/.

4. En la lista Buckets, elija el nombre del bucket que desea utilizar para alojar un sitio web estático.

5. Habilite el alojamiento de sitios web estáticos para su bucket y escriba el nombre exacto del documento de error (por ejemplo: 404.html). Para obtener más información, consulte Habilitar el alojamiento de sitios web y Configurar un documento de error personalizado.

   Después de habilitar el alojamiento estático del sitio web, continúe con el paso 6.

6. Para cargar el documento de error en el bucket, realice una de las siguientes acciones:

   • Arrastre y suelte el archivo del documento de error a la lista de buckets de la consola.

   • Elija Upload (Cargar) y siga las instrucciones para elegir y cargar el archivo de índice.

   Para obtener instrucciones paso a paso, consulte Carga de objetos.

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 de 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 de Bloqueo de acceso público para su cuenta antes de agregar una política de bucket. Si la configuración de Bloqueo de acceso público de su cuenta está activada actualmente, verá una nota en Bloquear acceso público (configuración del bucket).

1. En Buckets, elija el nombre del bucket.

2. Elija Permissions (Permisos).

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

4. Para conceder acceso público de lectura a su sitio web, copie la siguiente política de bucket y péguela en el Bucket policy editor (Editor de políticas de bucket).

   {
       "Version": "2012-10-17",
       "Statement": [
           {
               "Sid": "PublicReadGetObject",
               "Effect": "Allow",
               "Principal": "*",
               "Action": [
                   "s3:GetObject"
               ],
               "Resource": [
                   "arn:aws:s3:::Bucket-Name/*"
               ]
           }
       ]
   }

5. Actualice el valor de Resource para el nombre de su bucket.

   En la política de bucket de ejemplo anterior, Bucket-Name es un marcador de posición para el nombre del bucket. Para utilizar esta política de bucket con su propio bucket, debe actualizar este nombre para que coincida con su nombre de bucket.

6. Elija Guardar cambios.

   Aparecerá un mensaje que indicará que la política de bucket se ha agregado correctamente.

   Si ve un error que indica Policy has invalid resource, confirme que el nombre del bucket en la política del bucket coincide con el nombre de su bucket. Para obtener información acerca de cómo agregar una política de bucket, consulte ¿Cómo añado una política de bucket de S3?

   Si recibe un mensaje de error y no puede guardar la política de bucket, compruebe la configuración del bloqueo de acceso público para la cuenta y el bucket para confirmar que permite acceso público al bucket.

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.