AWS Review
English

Appearance

On this page

Ejercicio: Despliegue de un Sitio Web Estático en Amazon S3 ​

Objetivo ​

Crear y configurar un bucket de S3 para hostear un sitio web estático HTML básico y hacerlo accesible públicamente.

Conocimientos Previos ​

  • Acceso a la consola de AWS
  • Conceptos básicos de S3
  • Conocimientos básicos de HTML

Recursos Necesarios ​

  • Cuenta AWS (capa gratuita es suficiente)
  • Un archivo index.html básico
  • Un archivo error.html básico

Pasos del Ejercicio ​

1. Crear el Bucket S3 ​

  1. Inicia sesión en la consola de AWS
  2. Ve al servicio S3
  3. Haz clic en "Create bucket"
  4. Configura el bucket:
    • Asigna un nombre único global (ejemplo: "mi-sitio-web-static-[tu-nombre]")
    • Selecciona la región más cercana
    • Desactiva "Block all public access"
    • Confirma que entiendes que el bucket será público
    • Mantén el resto de opciones por defecto
    • Crea el bucket

2. Crear los Archivos HTML ​

Crea dos archivos en tu computadora:

index.html:

html
<!DOCTYPE html>
<html>
<head>
    <title>Mi Sitio Web en S3</title>
</head>
<body>
    <h1>¡Bienvenido a mi sitio web hosteado en S3!</h1>
    <p>Este es un ejemplo de hosting estático usando Amazon S3.</p>
</body>
</html>

error.html:

html
<!DOCTYPE html>
<html>
<head>
    <title>Error</title>
</head>
<body>
    <h1>Error 404</h1>
    <p>Lo sentimos, la página que buscas no existe.</p>
</body>
</html>

3. Subir los Archivos ​

  1. Entra al bucket creado
  2. Haz clic en "Upload"
  3. Sube los archivos index.html y error.html
  4. Mantén las opciones por defecto
  5. Completa la subida

4. Configurar el Hosting Estático ​

  1. Ve a las propiedades del bucket
  2. Baja hasta encontrar "Static website hosting"
  3. Haz clic en "Edit"
  4. Configura:
    • Selecciona "Enable"
    • Index document: index.html
    • Error document: error.html
    • Guarda los cambios

5. Configurar la Política del Bucket ​

  1. Ve a la pestaña "Permissions"
  2. En "Bucket policy", haz clic en "Edit"
  3. Copia y pega la siguiente política (reemplaza [NOMBRE-DE-TU-BUCKET]):
json
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::[NOMBRE-DE-TU-BUCKET]/*"
        }
    ]
}

6. Verificar el Sitio Web ​

  1. Regresa a las propiedades del bucket
  2. Busca "Static website hosting"
  3. Encuentra el "Bucket website endpoint"
  4. Abre la URL en tu navegador

Verificación ​

Tu ejercicio está completo cuando:

  • Puedes acceder al sitio web mediante la URL del endpoint
  • Ves el contenido de index.html al acceder a la URL principal
  • Ves el contenido de error.html al intentar acceder a una página que no existe

Limpieza ​

Para evitar cargos innecesarios:

  1. Elimina todos los archivos del bucket
  2. Elimina el bucket
  3. Verifica que no queden recursos activos

Conceptos Clave para el Examen ​

  • Naming conventions de S3
  • Políticas de bucket y permisos
  • Hosting estático en S3
  • URLs de endpoint de S3
  • Consideraciones de seguridad al hacer un bucket público