DEV Community

Fernando Silva T
Fernando Silva T

Posted on

Guía Completa para Crear una Web Estática con AWS S3 y AWS CLI

En esta guía, aprenderemos cómo crear y alojar una web estática utilizando Amazon S3 y AWS CLI.

Introducción

Amazon S3 (Simple Storage Service) es un servicio de almacenamiento de objetos ofrecido por Amazon Web Services (AWS). Es ideal para alojar sitios web estáticos, ya que proporciona una forma sencilla y escalable de almacenar archivos. Utilizando AWS CLI, podemos gestionar nuestras credenciales de forma segura y automatizar el proceso de despliegue de nuestro sitio web.

Requisitos Previos

Antes de comenzar, asegúrate de tener:

  • Una cuenta de AWS activa. # Guía Completa para Crear una Web Estática con AWS S3 y AWS CLI

En esta guía, aprenderás cómo crear y alojar una web estática utilizando Amazon S3 y AWS CLI. Sigue estos pasos para configurar y desplegar tu sitio web de manera eficiente.

Requisitos Previos

Antes de comenzar, asegúrate de tener:

  • Una cuenta de AWS activa.
  • AWS CLI instalado en tu máquina.
  • Credenciales de AWS configuradas en tu máquina.
  • Un sitio web estático (archivos HTML, CSS y JavaScript listos).

Paso 1: Crear un Bucket en Amazon S3

Primero, necesitamos crear un bucket en Amazon S3 para almacenar los archivos de nuestro sitio web.

  1. Abre la consola de administración de AWS y navega a S3.

Image description

  1. Haz clic en "Crear bucket".

Image description

  1. Proporciona un nombre único para tu bucket (por ejemplo, mi-sitio-web-estatico).

Image description

  1. Selecciona una región.

  2. Deshabilita "Bloquear todo el acceso público" y marca la casilla de consentimiento.

Image description

  1. Haz clic en "Create bucket".

Image description

Paso 2: Configurar el Bucket para Alojar una Web Estática

Una vez creado el bucket, necesitamos configurarlo para alojar nuestro sitio web estático.

  1. En la consola de S3, selecciona tu bucket.
  2. Ve a la pestaña "Propiedades".

Image description

  1. En la sección "Alojamiento de sitios web estáticos", haz clic en "Editar".

Image description

  1. Selecciona "Habilitar" y elige "Alojar un sitio web estático".

Image description

  1. Especifica los nombres de los archivos de índice y error (por ejemplo, index.html y error.html).

Image description

  1. Guarda los cambios.

Image description

Paso 3: Subir Archivos al Bucket de S3

Utilizando AWS CLI, subiremos los archivos de nuestro sitio web al bucket de S3.

  1. Abre una terminal y navega al directorio donde están los archivos de tu sitio web.
  2. Ejecuta el siguiente comando para copiar todos los archivos al bucket de S3:
aws s3 sync ./ s3://mi-sitio-web-estatico/
Enter fullscreen mode Exit fullscreen mode

Este comando copiará todos los archivos en el directorio actual al bucket de S3.

Este comando lo uso cada vez que estoy a punto de hacer un git push a mi rama principal, cuando logre poder automatizarlo lo subiré

  1. Guarda los cambios.

Paso 4: Acceder a tu Sitio Web

Ahora, tu sitio web estático debería estar disponible públicamente. Puedes acceder a él utilizando la URL proporcionada en la sección "Static website hosting" de las propiedades de tu bucket de S3.

Conclusión

En esta guía, hemos aprendido cómo crear y alojar una web estática utilizando Amazon S3 y AWS CLI. Este es un método efectivo y económico para alojar sitios web estáticos, aprovechando la escalabilidad y fiabilidad de AWS. Si tienes alguna pregunta o necesitas más ayuda, no dudes en dejar un comentario. ¡Buena suerte con tu sitio web!


Cualquier mejora que tengas no dudes en decirme y lo podré actualizar. Muchas gracias por venir a mi primer blog.

Top comments (0)