Desplegando un Sitio Web HTML con AWS S3 y Route 53

 at 23:58

Desplegando un Sitio Web HTML con AWS S3 y Route 53

Si estás buscando una manera sencilla y eficiente de desplegar tu sitio web HTML, AWS (Amazon Web Services) ofrece una solución perfecta utilizando servicios como Amazon S3 y Route 53. En este tutorial, guiaremos a través de los pasos para lanzar tu sitio web en la nube de manera rápida y sin complicaciones:

Paso 1: Preparación del Contenido HTML

Asegúrate de tener tu sitio web HTML listo para desplegar. Puedes tener una estructura básica de archivos HTML, CSS y otros recursos. Organiza tu contenido en una carpeta para facilitar el proceso.

Paso 2: Crear un Bucket en Amazon S3

  1. Inicia sesión en tu cuenta de AWS y navega a Amazon S3.

  2. Haz clic en “Crear bucket” y asigna un nombre único para tu bucket. Este nombre será parte de la URL de tu sitio web, así que elige algo representativo.

  3. Desactiva la opción de “Bloquear todo el acceso público“

  4. Mantén las configuraciones predeterminadas y haz clic en “Crear bucket”.

Paso 3: Cargar Archivos a tu Bucket

  1. Abre tu bucket recién creado y haz clic en “Cargar”.

  2. Arrastra y suelta tus archivos HTML y recursos en esta área o selecciona los archivos desde tu computadora.

  3. Haz clic en “Cargar” para subir los archivos a tu bucket.

Paso 4: Configurar Propiedades de Hosting Estático en S3

  1. Dentro de tu bucket, selecciona la pestaña “Propiedades”.

  2. Haz clic en el botón de clic en la sección de “Alojamiento de sitios web estáticos”.

  3. Haz clic en la opción de “Habilitar“

  4. Configura el documento de índice, por lo general “index.html”.

  5. Guarda los cambios.

Paso 5: Configurar Permisos

En la pestaña “Permisos”, agrega una política que permita acceso público a tus archivos. Puedes usar una política como la siguiente:

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Effect": "Allow",
      "Principal": "*",
      "Action": "s3:GetObject",
      "Resource": "arn:aws:s3:::NOMBRE DE TU BUCKET/*"
    }
  ]
}

Asegúrate de reemplazar “NOMBRE DE TU BUCKET” con el nombre de tu bucket.

Paso 6: Configurar AWS Route 53

  1. Navega a Route 53.

  2. Selecciona “Dominios” y haz clic en “Registrar dominio” si aún no tienes un dominio. Sigue las instrucciones para registrar uno.

  3. Después de registrar, selecciona “Zonas hospedadas” y crea una nueva zona.

  4. Sigue las instrucciones para agregar un nuevo registro de tipo “Registro de alias” apuntando a tu bucket S3.

Paso 7: Verifica tu Sitio Web

Espera unos minutos para que las configuraciones se propaguen. Visita tu dominio en un navegador y tu sitio web HTML está ahora en la nube.

¡Felicidades! Ahora has desplegado tu sitio web HTML utilizando AWS S3 y Route 53 de manera rápida y sencilla. Pero esto es solo el comienzo. En START CLOUD, llevamos la gestión de la nube a otro nivel, explorando casos de uso más avanzados como despliegues de proyectos a varios niveles de complejidad, adaptación de buckets S3 para las diferentes necesidades de tu negocio y automatización de despliegues mediante pipelines.

NOTA:

Ten en cuenta que al realizar esta actividad, habrás creado recursos que van a generar en tu cuenta de AWS, por lo recomendamos eliminarlos si es que seguiste estos pasos con propósitos educativos

¿Quieres conocer más casos de éxito y explorar soluciones personalizadas? ¡Descubre cómo START CLOUD puede potenciar tu presencia en línea con nuestra experiencia y enfoque innovador!