Estoy alojando mi sitio web estático en AWS S3, con Cloudfront como CDN, y me pregunto cómo puedo hacer que funcionen las URL limpias.
Actualmente tengo que ir a example.com/about.html para obtener la página acerca de. Prefiero example.com/about así como en todas mis otras páginas. Además, tengo que hacer esto porque mis URL canónicas se han configurado con metaetiquetas y motores de búsqueda, y va a ser demasiado cambiarlas.
¿Hay alguna configuración en Cloudfront que no veo?
Hay dos opciones que he explorado, una detallada por Matt a continuación.
Lo primero es recortar .html del archivo antes de cargarlo en S3 y luego editar el encabezado de contenido en http para ese archivo. Esto podría funcionar maravillosamente, pero no puedo entender cómo editar los encabezados de contenido desde la línea de comando, donde estoy escribiendo mi script bash de "actualización del sitio web".
El segundo lo detalla Matt a continuación y aprovecha la función de S3 que reconoce los archivos raíz predeterminados, generalmente index.html. Podría ser un gran enfoque, pero hace que mis pruebas locales sean un desafío y deja una barra inclinada en las URL que no funciona para mí.
Pruebe AWS Lamda@Edge . Resuelve esto por completo.
Primero, cree una función AWS Lambda y luego adjunte su CloudFront como disparador.
En la sección de código de esta página de AWS Lamda, agregue el fragmento en el repositorio a continuación.
https://github.com/CloudUnder/lambda-edge-nice-urls/blob/master/lambdaRewrite.js
Tenga en cuenta las opciones en la sección Léame del repositorio
Cuando aloja su sitio web en S3 (y por extensión en CloudFront), puede configurar S3 para tener un archivo "predeterminado" para cargar cuando se solicita un directorio. Esto se llama el "documento índice".
Por ejemplo, puede configurar S3 para cargar index.html como el archivo predeterminado. De esta forma, si la solicitud fuera por example.com/abc/ , cargaría abc/index.html .
Cuando haga esto, si solicitaron example.com/abc/123.html , entonces se mostrará abc/123.html . Entonces, el archivo predeterminado solo se aplica cuando se solicita una carpeta.
Para abordar su solicitud de example.com/about/ , podría configurar su depósito con un archivo predeterminado de index.html y poner about/index.html en su depósito.
Se puede encontrar más información en la documentación de Amazon: Index Document Support .
Puede superar las direcciones URL feas mediante el uso de un origen personalizado, cuando su depósito S3 está configurado como un punto final del sitio web, con su distribución de Cloudfront. La desventaja es que no puede configurar Cloudfront para usar HTTPS para comunicarse entre Cloudfront y su origen. Todavía puede usar HTTPS, pero no el cifrado de extremo a extremo.