Resolver errores de recorte inteligente de Dynamic Media causados por el almacenamiento en caché de Dispatcher y CDN
El recorte inteligente de Dynamic Media no se carga correctamente o muestra representaciones de recorte actualizadas en AEM Assets y AEM Sites cuando el almacenamiento en caché de Dispatcher o el almacenamiento en caché de CDN de Dynamic Media proporciona recursos antiguos o bloqueados. Los síntomas comunes incluyen editores de recortes inteligentes rotos, controladores de recorte faltantes y representaciones de recortes antiguas. Resuelva el problema validando la caché de Dispatcher y las reglas de filtro, borrando los recursos en caché, invalidando el contenido de CDN afectado y verificando el comportamiento de Recorte inteligente.
Descripción description
Entorno
- Adobe Experience Manager Dynamic Media
- Adobe Experience Manager as a Cloud Service (AEMaaCS)
- Adobe Experience Manager Managed Services (AMS)
- AEM 6.5 con recorte inteligente de Dynamic Media
Problema/Síntomas
- El editor de recortes inteligentes muestra una imagen rota en lugar de la interfaz de edición.
- El recorte inteligente solo se carga después de agregar un parámetro de omisión de caché como
?nocache=123. - Las representaciones de recorte inteligente actualizadas no aparecen en las páginas de AEM Sites hasta que se agrega un parámetro de omisión de caché.
- Los controladores de recorte, los controles de tamaño o la vista previa de imágenes no se muestran correctamente.
Causa
Dispatcher almacena en caché o bloquea los recursos del editor de recorte inteligente en /libs/dam/gui/content/s7dam/smartcrop/*, lo que impide que el editor se cargue correctamente. El almacenamiento en caché de CDN de Dynamic Media también proporciona representaciones de recorte inteligente obsoletas después de actualizar los recursos hasta que se actualiza la caché de CDN.
Resolución resolution
Siga estos pasos para resolver el problema:
- Determine si el problema se debe al almacenamiento en caché de Dispatcher o al almacenamiento en caché de CDN de Dynamic Media probando el Editor de recorte inteligente con un parámetro de consulta de omisión de caché.
- Configure Dispatcher para que excluya los recursos del editor de recortes inteligentes del almacenamiento en caché. Agregar una regla de denegación de caché para:
/libs/dam/gui/content/s7dam/smartcrop/*. Compruebe que Dispatcher ya no proporciona estos recursos desde la caché. - Revise las reglas de filtro de Dispatcher y asegúrese de que las rutas del editor de recorte inteligente estén permitidas explícitamente. Confirme que las direcciones URL de recorte inteligente devuelven el contenido esperado en lugar de las respuestas HTTP 403 o 404.
- Borre la memoria caché de Dispatcher para quitar el HTML, el JavaScript y los recursos relacionados del editor de recortes inteligentes obsoletos. Vuelva a cargar el Editor de recortes inteligentes y compruebe que funciona sin parámetros de omisión de caché.
- Valide la funcionalidad de recorte inteligente abriendo un recurso y confirmando que los controladores de recorte, los controles de tamaño, las imágenes de vista previa y los componentes del editor se cargan correctamente.
- Si las representaciones de recorte inteligente actualizadas siguen sin aparecer después de la publicación, investigue el almacenamiento en caché de CDN de Dynamic Media. Vuelva a publicar el recurso y compruebe si las representaciones actualizadas aparecen sin parámetros de consulta.
- Anule los recursos de Dynamic Media afectados a través del flujo de trabajo de invalidación de la CDN (o la API cuando corresponda), vuelva a cargar las páginas afectadas y compruebe que se muestran las representaciones de recorte inteligente actualizadas.
- Si los perfiles de recorte inteligente no parecen coherentes entre los recursos, abra las propiedades de carpeta afectadas y guarde la configuración para actualizar los metadatos de la carpeta. Compruebe que la carpeta y todos los recursos heredan el perfil de imagen correcto.