Résolution des problèmes d’interface utilisateur dans AEM

• Personnalisation de la création de page - Bonnes pratiques pour personnaliser la fonctionnalité de création de page (et de consoles) de votre instance de création.
• Personnalisation des consoles - Bonnes pratiques pour personnaliser les consoles (et la fonctionnalité de création de page) de votre instance de création.
• RTE Deep Dive - Bonnes pratiques pour les configurations de texte enrichi et l’utilisation de RTE dans AEM.

Résolution de problèmes d’interface utilisateur

• Extension AEM Chrome - Cette extension de navigateur peut être utilisée dans les environnements hors production pour résoudre les problèmes de lenteur ou de plantage de l’interface utilisateur.  L’extension vous permet de consulter le traitement des requêtes Sling (filtres exécutés, servlet exécutée, gestionnaires d’erreurs, composants, ressources Sling, etc.), ainsi que toutes les requêtes JCR exécutées pendant le chargement de la page.
• Résolution des problèmes côté client dans l’interface utilisateur Touche - diverses étapes de résolution des problèmes côté client.
• Utilisation du mode développeur d’AEM pour résoudre les problèmes de composants - utile pour déboguer des composants au cours d’un développement ou dans des environnements hors production.

Problèmes de clientlibs

Que sont les clientlibs dans AEM - Les sites Web modernes s’appuient fortement sur le traitement côté client piloté par un code JavaScript et CSS complexe. L’organisation et l’optimisation de la diffusion de ce code peut être une question complexe.

Pour vous aider à résoudre ce problème, AEM fournit des dossiers de bibliothèque côté client, qui vous permettent de stocker votre code côté client dans le référentiel, de l’organiser en catégories et de définir quand et comment chaque catégorie de code doit être fournie au client. Le système de bibliothèque côté client se charge ensuite de produire les liens corrects dans votre page web finale pour charger le code correct.

L’un des clientlibs intégrés ne se charge pas :

 Utilisez la procédure suivante pour voir les noms de tous les fichiers incorporés :

• Dans la ligne d’adresse de votre navigateur web, ajoutez le texte suivant à l’URL de votre HTML :

  ?debugClientLibs=true

• Lorsque la page se charge, affichez la source de la page.
• Cliquez sur le lien qui est fourni en tant que href pour l’élément de lien pour ouvrir le fichier et afficher le code source.

Peu de clientslibs ne sont pas réduits :

• Vérifiez si l’option minify est activée dans AEM HTML Library Manager.
• Si ce problème persiste, configurez un enregistreur de débogage pour vérifier l’absence d’erreurs de syntaxe. Procédez comme suit :
  • Allez sur http://<host>:<port>/system/console/slinglog
  • Cliquez sur « Ajouter un nouvel enregistreur ».
  • Définissez le niveau de journalisation DÉBOGUER.
  • Changez le nom du fichier journal en « clientlibs.log ».
  • Ajoutez la classe suivante dans le champ « Enregistreur » :
    com.adobe.granite.ui.clientlibs
  • Cliquez sur Enregistrer.
    
• Si vous voyez des erreurs similaires à celles ci-dessous, cela signifie qu’il y a des erreurs de syntaxe dans le fichier clientlibs. 

• Vous pouvez également essayer de changer le processeur Script de YUI à GCC car il peut y avoir des fichiers js plus récents qui ne peuvent être traités que par un processeur plus récent.

Enjeux de RTE

Installez toujours la dernière version de SP/CFP avant de tester une fonctionnalité de RTE.

Suppression d’attributs RTE :

• Si certains attributs sont supprimés du RTE après l’enregistrement, cela peut être dû au framework de sécurité XSS qui a été introduit pour empêcher le cross-site scripting.
• Vous verrez des messages similaires à ceux ci-dessous dans les fichiers journaux :

• Dans ce cas, vous pouvez superposer le fichier « /libs/cq/xssprotection/config.xml » et mettre à jour les règles de sécurité en fonction de vos besoins métier mais cela exposera l’instance AEM à du cross-site scripting non recommandé par Adobe.