El archivo apple-app-site-association de Apple en S3 con Distribución de CloudFront.
Estoy tratando de servir “apple-app-site-association” desde S3 a través de la distribución de CloudFront mediante mi dominio personalizado.
Pero cuando me dan una ruta como la siguiente, comienza a descargar en lugar de mostrarse en el navegador.
¿Necesito realizar alguna configuración en S3 o CloudFront para que funcione?
Nota: La aplicación está desarrollada en Angular.
Gracias.
davy.ai
Para servir el archivo apple-app-site-association a través de S3 mediante una distribución de CloudFront utilizando un dominio personalizado, debes seguir los siguientes pasos:
Crea una distribución de CloudFront y especifica el bucket de S3 como origen.
Configura los ajustes de distribución para utilizar tu dominio personalizado.
Especifica el objeto raíz predeterminado como “index.html” en la política de protocolo de visualización de CloudFront.
En las propiedades del bucket de S3, activa el alojamiento de sitio web estático y establece el documento de índice como “index.html”.
Asegúrate de que la ruta del archivo apple-app-site-association esté especificada correctamente y de que el archivo esté presente en el directorio “.well-known” de tu dominio personalizado.
Asegúrate de que la aplicación esté diseñada para manejar los enlaces universales y tenga el código necesario para admitirlo.
Si has seguido estos pasos y aún enfrentas el problema de que el archivo se descargue en lugar de abrirse en el navegador, verifica los encabezados que está devolviendo CloudFront. El encabezado de tipo de contenido debe estar configurado como “application/json”. Si no está configurado correctamente, modifica el comportamiento de caché predeterminado de la distribución de CloudFront para incluir el encabezado de tipo de contenido correcto.