Simplifique y mejore el alojamiento de sitios web estáticos de Amazon S3 con AWS Amplify Hosting | Servicios web de Amazon

Anunciamos una integración entre AWS Amplify Hosting y Amazon Simple Storage Service (Amazon S3). Ahora, puede implementar sitios web estáticos con contenido almacenado en sus depósitos S3 y servirlos a través de una red de entrega de contenido (CDN) con solo unos pocos clics.

AWS Amplify Hosting es un servicio totalmente administrado para alojar sitios estáticos que maneja varios aspectos de la implementación de un sitio web. Le brinda beneficios como configuración de dominio personalizada con SSL, redireccionamientos, encabezados personalizados e implementación en una CDN disponible globalmente con tecnología de Amazon CloudFront.

Al implementar un sitio web estático, Amplify recuerda la conexión entre su depósito S3 y el sitio web implementado, por lo que puede actualizar fácilmente su sitio web con un solo clic cuando realiza cambios en el contenido del sitio web en su depósito S3. El uso de AWS Amplify Hosting es el enfoque recomendado para el alojamiento de sitios web estáticos porque ofrece una implementación más optimizada y rápida sin una configuración extensa.

Así es como funciona la integración desde la consola de Amazon S3:

Implementación de un sitio web estático mediante la consola de Amazon S3
Usemos esta nueva integración para alojar un sitio web personal directamente desde mi depósito S3.

Para comenzar, navego hasta mi depósito en la consola de Amazon S3. Aquí está la lista de todo el contenido de ese depósito de S3:

Para utilizar la nueva integración con AWS Amplify Hosting, navego hasta la Sección de propiedadesluego me desplazo hacia abajo hasta encontrar Alojamiento de sitios web estáticos y seleccione Crear aplicación Amplify.

Luego, me redirige a la página de Amplify y completa los detalles de mi depósito S3. Aquí configuro mi Nombre de la aplicación y el Nombre de la sucursal. Luego selecciono Guardar e implementar.

En cuestión de segundos, AWS Amplify implementó mi sitio web estático y puedo visitar el sitio seleccionando Visitar URL implementada. Si realizo cambios posteriores en mi depósito S3 para mi sitio web estático, necesito volver a implementar mi aplicación en la consola de Amplify seleccionando el Implementar actualizaciones botón.

También puedo utilizar la interfaz de línea de comandos de AWS (AWS CLI) para la implementación programática. Para hacer eso, necesito obtener los valores de los parámetros requeridos, como APP_ID y BRANCH_NAME desde mi panel de AWS Amplify. Este es el comando que uso para la implementación:

aws amplify start-deployment --appId APP_ID --branchName BRANCH_NAME --sourceUrlType=BUCKET_PREFIX --sourceUrl s3://S3_BUCKET/S3_PREFIX

Después de que Amplify Hosting genere una URL para mi sitio web, opcionalmente puedo configurar un dominio personalizado para mi sitio web estático. Para hacer eso, navego hasta mis aplicaciones en AWS Amplify y selecciono Dominios personalizados en el panel de navegación. Luego selecciono Agregar dominio para comenzar a configurar un dominio personalizado para mi sitio web estático. Obtenga más información sobre cómo configurar dominios personalizados en la Guía del usuario de Amplify Hosting.

En la siguiente captura de pantalla, tengo mi sitio web estático configurado con mi dominio personalizado. Amplify también emite un certificado SSL/TLS para mi dominio para que todo el tráfico esté protegido a través de HTTPS.

Ahora tengo mi sitio estático listo y puedo consultarlo en https://donnie.id.

Cosas que necesitas saber
Más funciones disponibles – AWS Amplify Hosting tiene más funciones que puede utilizar para sus sitios web estáticos. Visite la página del producto AWS Amplify para obtener más información.

Opciones de implementación – Puede comenzar a implementar un sitio web estático desde Amazon S3 utilizando la consola de Amplify Hosting, la CLI de AWS o los SDK de AWS.

Precios – Para obtener información sobre precios, visite la página de precios de Amazon S3 y la página de precios de AWS Amplify.

Disponibilidad – La integración de Amplify Hosting con Amazon S3 ahora está disponible en las regiones de AWS donde Amplify Hosting está disponible.

Comience a construir su sitio web estático con esta nueva integración. Para obtener más información sobre el alojamiento de sitios web estáticos de Amazon S3 con AWS Amplify, visite la Guía del usuario de alojamiento de AWS Amplify.

Feliz edificio,

— donnie