Cómo alojar un sitio web estático en AWS S3
Además de la funcionalidad de almacenamiento de datos, el cubo AWS S3 proporciona una característica notable del alojamiento de sitios web estáticos sobre él.
Un sitio web que no involucra la comunicación del lado del servidor se llama sitio web estático. En esta guía, discutiremos un procedimiento paso a paso para alojar un sitio web estático en el cubo AWS S3.
Crea un cubo S3 en AWS
El primer paso para alojar un sitio web estático en AWS S3 es crear un cubo S3 en su cuenta. Después de crear el cubo, cargaremos el contenido y los archivos del sitio web en nuestro cubo. El contenido del sitio web se le asignará permisos específicos para ser accesible para el público.
Inicie sesión en su consola de administración de AWS y vaya a la barra de búsqueda y busque S3 allá. Esto te llevará a tu tablero S3:
Haga clic en Crear cubo en la esquina derecha de la consola S3:
A continuación, debe proporcionar el nombre de su cubo S3, la región donde desea que se cree su cubo, y luego configurar la configuración de seguridad y privacidad de su cubo:
Ingrese el nombre del cubo, intente que se vea como su dominio. El nombre del cubo debe ser único para todas las cuentas de AWS en todo el mundo:
Seleccione la región en la que se creará el cubo S3. Intente seleccionar una región cerca del público que acceda al sitio web:
Como queríamos que el sitio web fuera accesible para la audiencia, tuvimos que otorgar el acceso público a los objetos de este cubo S3. Para eso, desmarque la casilla de verificación de acceso público en la sección "Bloquear la configuración de acceso público para este balde":
Después de configurar la configuración de acceso público, una sección parecerá reconocer el cubo S3 y su contenido se hace público. Marque la casilla para reconocerlo:
Ahora, ha terminado de configurar su cubo, deje otras opciones y configuraciones tal como está, y simplemente haga clic en el Crear un balde botón en la esquina inferior derecha:
Si el nombre del cubo que especificó es único, se creará el cubo S3. De lo contrario, recibirá un error y debe cambiar el nombre del cubo.
Sube tu sitio web al cubo S3
Después de crear el cubo S3, es hora de subir el contenido del sitio web al cubo S3. En la consola S3, seleccione el cubo S3 que acaba de crear:
Ve a la Objetos sección, y luego haga clic en el botón de carga. Ahora, busque su sistema para el directorio que desea cargar en el cubo S3. Seleccione el directorio del sitio web estático y cárguelo al cubo S3:
Cargar el contenido del sitio estático puede llevar algún tiempo dependiendo del tamaño de la carpeta:
Después de una carga exitosa, haga clic en Cerrar en la esquina derecha. Serás dirigido de regreso a la sección del objeto.
Configuración de alojamiento web estático en S3 Bucket
Después de subir el contenido del sitio estático, habilite el alojamiento en su cubo S3. Para permitir que el alojamiento de sitios web estático en su cubo S3, vaya a la pestaña Propiedades desde el menú superior en el cubo S3:
Desplácese hacia abajo en la pestaña Propiedades y busque la sección de alojamiento de sitio web estático:
Haga clic en el botón Editar en la sección de alojamiento de sitio web estático y habilite el alojamiento:
Después de habilitar el alojamiento del sitio web Static, especifique el archivo de índice de su proyecto (la página de apertura de su sitio web o aplicación web). En este caso, es índice.HTML:
Además, si hay un archivo de error en su proyecto, debe especificarlo en el campo Documento de error. Esto aparecerá en caso de que su página web real no sea accesible. Ahora. clickea en el Guardar cambios botón para aplicar los cambios a su cubo S3:
Ahora, nuestro S3 Bucket está alojando el contenido del sitio web cargado y es de acceso público. Para acceder al sitio web, necesitamos una URL pública que proporcione AWS en sí misma. Esta URL se puede ver en la sección de alojamiento de sitio web estático del cubo S3:
Vaya a la URL proporcionada por S3, y el sitio web no será accesible porque hemos hecho público el cubo S3, pero los objetos dentro del cubo S3 aún no son públicos:
Este problema se puede resolver utilizando las políticas de cubo S3.
Configuración de permisos en el cubo S3
Para que nuestro contenido sea accesible públicamente, necesitamos agregar una política de cubo para la cual tenemos que ir a la pestaña Permisos de nuestro cubo S3 para hacer algunos cambios en los permisos de nuestro cubo S3:
Ahora, muévase a la sección Política de deseos y haga clic en el Editar botón:
Pegue el siguiente JSON en el editor para permitir que el público lea archivos del cubo:
"Versión": "2012-10-17",
"Declaración": [
"Sid": "PublicRead",
"Efecto": "Permitir",
"Principal": "*",
"Acción": [
"S3: getObject",
"S3: getObjectVersion"
],
"Recurso": "ARN: AWS: S3 ::: Your-S3-BucketName/*"
]
Asegúrese de reemplazar "Tu 3-bucketname"Con el nombre de su cubo S3 en la política JSON.
Acceder al sitio web a través de URL
Después de establecer los permisos para el cubo, es hora de acceder a la página web a través de la URL. Para esto, ve al Objetos pestaña del cubo S3 y vaya al directorio del sitio estático:
Busque el índice.archivo html en la carpeta, que definió como el documento de índice para este proyecto. Haga clic en el índice.Archivo HTML:
Ahora, en la sección Descripción general del objeto en la pestaña Propiedades, puede encontrar la URL del sitio web estático:
Vaya a esta URL, y el sitio web estático alojado en el cubo AWS S3 será accesible a través del navegador:
Conclusión
Crear, administrar y alojar sitios web y páginas web y compartir datos públicamente es muy importante y crucial, ya que esto proporciona la cara pública de la mayoría de las marcas y organizaciones. Mirando esta perspectiva, AWS ha desarrollado una gran idea para proporcionar públicamente una solución fácil y simple para que sus usuarios alojen contenido utilizando el cubo S3. Esta guía describe pasos simples para alojar su sitio web estático utilizando el cubo AWS S3. Esperamos que hayas encontrado este artículo útil. Echa un vistazo a otros artículos de Sugerencia de Linux para obtener más consejos y tutoriales.