Implementación de un sitio web estático para AWS Amplify Hosting desde un bucket de uso general de S3 - Amazon Simple Storage Service

Implementación de un sitio web estático para AWS Amplify Hosting desde un bucket de uso general de S3

Le recomendamos que utilice AWS Amplify Hosting para alojar el contenido estático de sitios web almacenado en S3. Amplify Hosting es un servicio totalmente administrado que facilita la implementación de los sitios web en una red de entrega de contenido (CDN) disponible en todo el mundo con tecnología de Amazon CloudFront, lo que permite alojar sitios web estáticos y seguros sin necesidad de una configuración exhaustiva. Con AWS Amplify Hosting, puede seleccionar la ubicación de los objetos en el bucket de uso general, implementar el contenido en una CDN administrada y generar una URL HTTPS pública para que se pueda acceder al sitio web desde cualquier lugar. La implementación de un sitio web estático con Amplify Hosting le brinda las siguientes ventajas y características:

  • Implementación en la red de entrega de contenido (CDN) de AWS con la tecnología de Amazon CloudFront: CloudFront es un servicio web que agiliza la distribución de contenido web estático y dinámico a los usuarios. CloudFront entrega el contenido a través de una red mundial de centros de datos que reciben el nombre de ubicaciones periféricas. Cuando un usuario solicita contenido que se distribuye con CloudFront, la solicitud se redirige a la ubicación periférica que ofrece la mínima latencia (retraso de tiempo), de modo que el contenido se entregue con el mejor rendimiento posible y mayor fiabilidad y disposinibilidad. Para obtener más información, consulte Cómo CloudFront entrega el contenido en la Guía para desarrolladores de Amazon CloudFront.

  • Compatibilidad con HTTPS: proporciona una comunicación y una transferencia de datos seguras entre el sitio web y el navegador web de un usuario.

  • Dominios personalizados: conecte fácilmente el sitio web a una URL personalizada comprada a un registrador de dominio, como Amazon Route 53.

  • Certificados SSL personalizados: cuando configura el dominio personalizado, puede utilizar el certificado administrado predeterminado que Amplify le proporciona o puede utilizar un certificado personalizado propio que haya comprado a la entidad de certificación que haya elegido.

  • Supervisión incorporada de métricas y CloudWatch: supervise el tráfico, los errores, la transferencia de datos y la latencia del sitio web.

  • Protección con contraseña: restrinja el acceso al sitio web mediante la configuración de un requisito de nombre de usuario y contraseña en la consola de Amplify.

  • Redireccionamientos y reescrituras: cree reglas de redireccionamiento y reescritura en la consola de Amplify para permitir que un servidor web redirija la navegación de una URL a otra.

Cuando implementa la aplicación en Amplify Hosting desde un bucket de uso general de Amazon S3, los cargos de AWS se basan en el modelo de precios de Amplify. Para más información, consulte Precios de AWS Amplify.

importante

Amplify Hosting no está disponible en todas las Regiones de AWS en las que está disponible Amazon S3. Para implementar un sitio web estático en Amplify Hosting, el bucket de uso general de Amazon S3 que contiene su sitio web debe ubicarse en una región en la que esté disponible Amplify. Para ver una lista de las regiones en las que está disponible Amplify, consulte Amplify endpoints en la Referencia general de Amazon Web Services.

Puede iniciar el proceso de implementación desde la consola de Amazon S3, la CLI de AWS o los SDK de AWS. Solo puede realizar la implementación en Amplify desde un bucket de uso general ubicado en una cuenta propia. Amplify no admite el acceso entre cuentas para el bucket de .

Utilice las siguientes instrucciones para implementar un sitio web estático desde un bucket de uso general de Amazon S3 en Amplify Hosting mediante la consola de Amazon S3.

Implementación de un sitio web estático en Amplify desde la consola de S3

Implementación de un sitio web estático desde la consola de Amazon S3
  1. Inicie sesión AWS Management Console Management Console y abra la consola de Amazon S3 en https://console.aws.amazon.com/s3/.

  2. En el panel de navegación izquierdo, elija Instancias.

  3. En la lista Buckets, elija el bucket de uso general que contiene el sitio web que desea implementar en Amplify Hosting.

  4. Elija la pestaña Propiedades.

  5. En Alojamiento de sitios web estáticos, seleccione Crear aplicación de Amplify. En este paso, el proceso de implementación se trasladará a la consola de Amplify.

  6. En la página Implementar con S3, realice uno de los siguientes pasos.

    1. En Nombre de la aplicación, escriba el nombre de la aplicación o el sitio web.

    2. En Nombre de la ramificación, introduzca el nombre del backend de la aplicación.

    3. En Ubicación de S3 de los objetos para alojar, introduzca la ruta de directorio al bucket de uso general o seleccione Explorar S3 para localizarlo y seleccionarlo.

  7. Elija Guardar e implementar.

nota

Si actualiza alguno de los objetos de un sitio web estático en el bucket de uso general alojado en Amplify, debe volver a implementar la aplicación en Amplify Hosting para que los cambios surtan efecto. Amplify Hosting no detecta automáticamente los cambios en el bucket. Para obtener más información, consulte Actualización de un sitio web estático implementado en Amplify desde un bucket de S3 en la Guía del usuario de AWS Amplify Hosting.

Para empezar directamente desde la consola de Amplify, consulte Implementación de un sitio web estático desde S3 mediante la consola de Amplify en la Guía del usuario de AWS Amplify Hosting.

Para empezar a usar los SDK de AWS, consulte Creación de una política de bucket para implementar un sitio web estático desde S3 con los SDK de AWS en la Guía del usuario de AWS Amplify Hosting.