hosting de sitios web estaticos (spa) con cloudfront y s3
HOSTING DE SITIOS WEB ESTATICOS (SPA) CON CLOUDFRONT Y S3
1. Crear bucket s3 para almacenar los archivos estaticos
Debe crearse o destinarse un bucket para almacenar los archivos estaticos del sitio y realizar la subida de los archivos respectivamente.
2. Crear una nueva distribución de CloudFront
Create a CloudFront distribution
Una vez creada la nueva distribución deben configurarse las páginas de error ingresando a la distribución
sobre Error Pages con el fin de asignar páginas de error por defecto o redireccionar al index.html si
es que se trata de una SPA y se prefiere manejar los errores desde la aplicación.
Inicialmente bastaría con personalizar los errores 404 y 403.
3. Configurando permisos sobre el bucket desde cloudfront
Se debe ingresar a la nueva distribución sobre la opción Origins y seleccionar el bucket
que se utilizará para servir el contenido estatico.
Sobre la opción Origin access seleccionar Legacy access identities con el fin
de crear un politica que permita a cloudfront acceder al bucket.
Una vez realizado bastará con acceder a la url generada para la distribución de cloudfront para visualizar el sitio.
4. Otras configuraciones
Lo anterior permite la configuración mas básica para publicar sitios web estaticos utilizando cloudfront y s3
pero aún queda pendiente entre otros puntos:
- ☐ Configurar HTTPS serve https for s3 bucket.
- ☐ Agregar dominios personalizados.
- ☐ Revisar AWS Amplify como una administración mas simple para el alojamiento de SPA.