Considerando que hemos alojado varios elementos como scripts y estilos en nuestro bucket público de S3, podrías haber pensado en alojar una página HTML completa o un sitio web estático en el bucket de S3. En este capítulo, aprenderás cómo hacer esto en un bucket público de S3, accesible a través de un enlace. ¡Comencemos!

Nota

Estaremos alojando una página web que puedes crear tomando el curso Bootstrap: Build Stylish Websites. Este curso cubre el uso de varios estilos con Bootstrap, y al final, tendrás tu propio sitio web de portafolio, que utilizaremos en este capítulo!

Alojar una Página HTML en AWS S3

Para comenzar, sugiero crear una carpeta separada en el bucket donde colocaremos todos los recursos relacionados con esta página web para una gestión y desarrollo más fácil:

Ahora, como de costumbre, necesitamos subir el archivo HTML a nuestro bucket público.

El archivo HTML que subiremos se ve así:

Nota

Ten en cuenta que incluso en este código, se utilizan tecnologías en la nube para importar Bootstrap así como para la imagen, que sirve como nuestro avatar en el portafolio.

Ahora subámoslo al bucket de S3:

Ahora todo lo que necesitamos hacer es seguir el enlace a este bucket, y tendremos nuestra página HTML, que sirve como nuestro portafolio, justo frente a nosotros.

Lo más interesante es que esta página está en la nube, y siempre tendremos acceso a ella.

Página Web Estática

Hay otra manera de alojar una página web en S3, y este método será más especializado para páginas web. Veamos cómo hacerlo.

Primero, necesitamos crear un nuevo bucket y subir el archivo HTML que será la página principal de nuestro sitio web estático.

Nota

Es una buena práctica crear una carpeta separada y subir allí estilos CSS, scripts de JavaScript, varios medios y otros materiales relacionados con tu sitio web estático.

Para hacer esto, creemos un nuevo bucket y subamos el archivo HTML con el portafolio:

A continuación, navegamos a la pestaña Propiedades y desplazamos hacia abajo hasta el final de la página. Nos interesa la sección llamada Alojamiento de sitio web estático, como se muestra en la captura de pantalla a continuación:

Abrimos esta sección y seleccionamos 'Habilitar' en la fila de Alojamiento de sitio web estático.

A continuación, necesitamos especificar el documento de índice, que, en nuestro caso, es portfolio.html. Si tienes una página de manejo de errores, también puedes especificarla. Luego simplemente guarda la página.

Nota

Ten en cuenta que para que la página sea accesible para los usuarios y para ti en internet, necesitas configurar su accesibilidad tal como lo hicimos con nuestro bucket anterior.

A continuación, necesitamos guardar los cambios, y Amazon nos proporcionará un enlace a nuestro sitio web estático, que puedes ver en la parte inferior:

Ahora, cuando vayas a este enlace, podrás ver nuestra página HTML alojada en AWS S3:

Ten en cuenta que esta no es la mejor manera de alojar un sitio web; hay servicios dedicados para eso, como Amazon EC2.

En S3, podemos alojar pequeños sitios web estáticos, pero podría no ser suficiente para aplicaciones más grandes.

Hacer esto en S3 es bastante sencillo, y ahora sabes cómo subir y almacenar tus medios allí.