Cómo desplegar un sitio web estático gratis en AWS S3: Guía para principiantes

La popularidad de la computación en la nube ha hecho que el despliegue de sitios web sea cada vez más sencillo, especialmente para los principiantes. Esta guía le mostrará cómo desplegar un sitio web estático gratis en el Servicio de Almacenamiento Simple (S3) de Amazon Web Services (AWS). Siguiendo los pasos a continuación, podrá construir y lanzar su propio sitio web personal, experimentando la potencia y conveniencia de la computación en la nube.

Paso 1: Preparativos

Antes de comenzar el despliegue, asegúrese de tener lo siguiente preparado:

1. Cuenta de AWS: Visite el sitio web de AWS para registrarse para obtener una cuenta de AWS.
2. Conocimientos básicos de HTML/CSS: Familiarícese con los conceptos básicos de la creación de páginas web y prepare una página estática simple. Puede usar la siguiente plantilla simple:

    Mi sitio web estático


# ¡Bienvenido a mi sitio web estático!

    Esta es mi primera página web estática.

Guarde el código anterior como un archivo index.html y prepare otros recursos estáticos necesarios (como imágenes, archivos CSS, etc.).

Paso 2: Crear un bucket S3

1. Inicie sesión en la consola de administración de AWS, busque y seleccione el servicio "S3".
2. Haga clic en "Crear bucket".
3. En la ventana emergente:
   • Nombre del bucket: Ingrese un nombre único para el bucket, por ejemplo, mi-sitio-web-estatico-12345.
   • Región: Seleccione la región más cercana a usted.
   • Deje las otras opciones con la configuración predeterminada y haga clic en "Crear bucket".

Paso 3: Configurar el bucket

1. Configurar permisos:
   • Encuentre el bucket que acaba de crear y haga clic en él.
   • Vaya a la pestaña "Permisos" y haga clic en "Política del bucket".
   • En el editor de políticas, agregue la siguiente política para permitir el acceso público a su sitio web:

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::mi-sitio-web-estatico-12345/*"
        }
    ]
}

Nota: Reemplace mi-sitio-web-estatico-12345 con el nombre de su propio bucket.

2. Habilitar el alojamiento de sitios web estáticos:
   • Regrese a la página principal del bucket, haga clic en la pestaña "Propiedades".
   • Encuentre "Alojamiento de sitios web estáticos" y haga clic en "Editar".
   • Seleccione "Usar este bucket para alojar un sitio web".
   • En "Documento de índice", ingrese index.html y luego haga clic en "Guardar cambios".

Paso 4: Subir archivos

1. En la página principal del bucket, haga clic en "Subir".
2. Arrastre y suelte index.html y otros archivos de recursos estáticos (como archivos CSS, imágenes) en el área de carga.
3. Asegúrese de que todos los archivos se hayan subido correctamente.

Paso 5: Acceder a su sitio web

1. Regrese a la pestaña "Propiedades" del bucket y vuelva a revisar la sección "Alojamiento de sitios web estáticos"; verá una URL similar a http://mi-sitio-web-estatico-12345.s3-website-us-east-1.amazonaws.com/.
2. Copie este enlace y ábralo en su navegador; verá que su sitio web estático está en línea.

Consejos y mejores prácticas

• Evite exceder el límite gratuito: AWS S3 tiene un nivel de uso gratuito, pero asegúrese de seguir las restricciones de uso para evitar cargos.
• Utilice control de versiones: Considere usar herramientas de control de versiones como Git para gestionar los archivos de su sitio web y mejorar la eficiencia del desarrollo.
• Optimice los recursos: Utilice imágenes comprimidas y minimice los archivos CSS/JavaScript para mejorar la velocidad de carga del sitio web.
• Revise regularmente la configuración de seguridad: Audite periódicamente los permisos del bucket para asegurarse de que sus recursos no sean accesibles sin autorización.

Conclusión

AWS S3 ofrece una forma conveniente y económica de alojar sitios web estáticos. A través de esta guía, ha aprendido los pasos básicos para crear, configurar y publicar su primer sitio web estático en AWS. A medida que la tecnología avanza, puede expandir gradualmente las funcionalidades de su sitio web y aprender más sobre computación en la nube y desarrollo web. ¡Le damos la bienvenida a comenzar su viaje en la computación en la nube!