Alojamiento de una Página HTML en S3
Dado que hemos alojado varios elementos como scripts y estilos en nuestro bucket público de S3, es posible que hayas considerado alojar una página HTML completa o un sitio web estático en el bucket de S3. Aprende cómo hacerlo en un bucket público de S3, accesible mediante un enlace.
Alojar una página HTML en AWS S3
Para comenzar, se recomienda crear una carpeta separada en el bucket donde se almacenarán todos los recursos relacionados con esta página web para facilitar la gestión y el desarrollo:
Ahora, como de costumbre, necesitamos subir el archivo HTML a nuestro bucket público.
El archivo HTML que vamos a subir se ve así:
index.html
Se utilizan tecnologías en la nube para importar Bootstrap, así como para la imagen, que funciona como nuestro avatar en el portafolio.
Ahora subámoslo al bucket de S3:
Ahora, solo necesitamos seguir el enlace a este bucket, y tendremos nuestra página HTML, que funciona 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
Existe otra manera de alojar una página web en S3, y este método estará más especializado para páginas web. A continuación, se describe cómo hacerlo.
Primero, es necesario crear un nuevo bucket y cargar el archivo HTML que será la página principal de nuestro sitio web estático.
Para ello, se debe crear un nuevo bucket y subir el archivo HTML con el portafolio:
Es recomendable crear una carpeta separada y cargar allí los estilos CSS, scripts JavaScript, diversos medios y otros materiales relacionados con su sitio web estático.
A continuación, acceda a la "pestaña Propiedades" y desplácese hasta la parte inferior de la página. Busque 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, debemos especificar el documento de índice, que en nuestro caso es portfolio.html. Si tienes una página para el manejo de errores, también puedes especificarla.
Luego, simplemente guarda la página.
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, es necesario guardar los cambios, y Amazon nos proporcionará un enlace a nuestro sitio web estático, que se puede encontrar en la parte inferior:
Ahora, al visitar este enlace, será posible visualizar nuestra página HTML alojada en AWS S3:
Ten en cuenta que este no es el mejor método para alojar un sitio web; existen servicios especializados para ello, como Amazon EC2.
En S3, podemos alojar sitios web estáticos pequeños, pero puede no ser suficiente para aplicaciones más grandes.
El alojamiento en S3 es bastante sencillo, y ahora sabes cómo cargar y almacenar tus archivos multimedia allí.
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 4.55Alojamiento de una Página HTML en S3
Desliza para mostrar el menú
Dado que hemos alojado varios elementos como scripts y estilos en nuestro bucket público de S3, es posible que hayas considerado alojar una página HTML completa o un sitio web estático en el bucket de S3. Aprende cómo hacerlo en un bucket público de S3, accesible mediante un enlace.
Alojar una página HTML en AWS S3
Para comenzar, se recomienda crear una carpeta separada en el bucket donde se almacenarán todos los recursos relacionados con esta página web para facilitar la gestión y el desarrollo:
Ahora, como de costumbre, necesitamos subir el archivo HTML a nuestro bucket público.
El archivo HTML que vamos a subir se ve así:
index.html
Se utilizan tecnologías en la nube para importar Bootstrap, así como para la imagen, que funciona como nuestro avatar en el portafolio.
Ahora subámoslo al bucket de S3:
Ahora, solo necesitamos seguir el enlace a este bucket, y tendremos nuestra página HTML, que funciona 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
Existe otra manera de alojar una página web en S3, y este método estará más especializado para páginas web. A continuación, se describe cómo hacerlo.
Primero, es necesario crear un nuevo bucket y cargar el archivo HTML que será la página principal de nuestro sitio web estático.
Para ello, se debe crear un nuevo bucket y subir el archivo HTML con el portafolio:
Es recomendable crear una carpeta separada y cargar allí los estilos CSS, scripts JavaScript, diversos medios y otros materiales relacionados con su sitio web estático.
A continuación, acceda a la "pestaña Propiedades" y desplácese hasta la parte inferior de la página. Busque 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, debemos especificar el documento de índice, que en nuestro caso es portfolio.html. Si tienes una página para el manejo de errores, también puedes especificarla.
Luego, simplemente guarda la página.
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, es necesario guardar los cambios, y Amazon nos proporcionará un enlace a nuestro sitio web estático, que se puede encontrar en la parte inferior:
Ahora, al visitar este enlace, será posible visualizar nuestra página HTML alojada en AWS S3:
Ten en cuenta que este no es el mejor método para alojar un sitio web; existen servicios especializados para ello, como Amazon EC2.
En S3, podemos alojar sitios web estáticos pequeños, pero puede no ser suficiente para aplicaciones más grandes.
El alojamiento en S3 es bastante sencillo, y ahora sabes cómo cargar y almacenar tus archivos multimedia allí.
¡Gracias por tus comentarios!
