Débogage des formulaires HTML5 debugging-html-forms

CAUTION
AEM 6.4 a atteint la fin de la prise en charge étendue et cette documentation n’est plus mise à jour. Pour plus d’informations, voir notre période de support technique. Rechercher les versions prises en charge here.

Ce document comprend plusieurs scénarios de dépannage. Pour chaque scénario, certaines étapes sont fournies pour résoudre le problème. Suivez ces étapes et, si le problème persiste, configurez l’enregistreur pour obtenir et consulter les journaux à la recherche d’erreurs/d’avertissements. Pour plus d’informations sur la journalisation des formulaires HTML5, voir Génération de journaux pour les formulaires HTML5.

Problème : lorsque vous effectuez le rendu d’un formulaire, la page d’exception org.apache.sling.api.SlingException s’affiche problem-when-rendering-the-form-i-see-org-apache-sling-api-slingexception-exception-page

Dans les informations des exceptions, recherchez les mots causé par.

La raison probable est qu’un ou plusieurs paramètres de l’URL sont incorrects.

Vérifiez les paramètres suivants :

Paramètre
Description
template
Nom de fichier du modèle
contentRoot
Chemin d’accès à l’emplacement où résident le modèle et les ressources associées
dataRef
Chemin d’accès absolu au fichier de données fusionné avec le modèle.
Remarque : Path définit le chemin d’accès absolu du fichier de données.
data
Octets de données codés au format UTF-8 fusionnés avec le modèle.

Problème : Impossible d’effectuer le rendu d’un formulaire (un message d’erreur s’affiche) problem-unable-to-render-a-form-an-error-message-is-displayed

  1. Assurez-vous que les paramètres spécifiés sont corrects. Pour plus d’informations sur les paramètres, voir Paramètres de rendu.

  2. Connectez vous au gestionnaire de modules CRX (à l’adresse https://<server>:<port>/crx/packmgr/index.jsp) et vérifiez que les packages suivants sont correctement installés :

    • adobe-lc-forms-content-pkg-<version>.zip
    • adobe-lc-forms-runtime-pkg-<version>.zip
  3. Connectez-vous à CQ Web Console (Console Felix) à l’adresse https://<server>:<port>/system/console/bundles.

    Assurez-vous que l’état des bundles suivants est « actif » :

    • scala-lang.bundle [osgi]

    (com.adobe.livecyclescala-lang.bundle)

    • Adobe XFA Forms Renderer

    (com.adobe.livecycle.adobe-lc-forms-core)

    • Adobe XFA Forms LC Connector

    (com.adobe.livecycle.adobe-lc-forms-lc-connector)

Problème : le rendu des formulaires ne prend pas les styles en compte problem-form-renders-without-styles

  1. Dans votre navigateur, ouvrez les Outils de développement. Assurez-vous que profile.css est disponible.

  2. Si le fichier profile.css n’est pas disponible, connectez-vous à CRX DE à l’adresse https://<server>:<port>/crx/de.

  3. Dans la hiérarchie de dossiers sur la gauche, accédez à /etc/clientlibs/fd/xfaforms/. Ouvrez les fichiers css.txt répertoriés dans les dossiers.

    • son profil
    • runtime
    • scrollnav
    • toolbar
    • xfalib
  4. Vérifiez que les fichiers mentionnés dans le fichier css.txt sont présents dans CRX DE Lite à l’adresse /libs/fd/xfaforms/clientlibs/xfalib/css.

    code language-css
    #base=css
    application.css
    dialog.css
    datepicker.css
    scribble.css
    listboxwidget.css
    
  5. Si les fichiers mentionnés ne sont pas disponibles, installez adobe-lc-forms-runtime-pkg-<version>Package .zip à nouveau.

Problème : Erreur inattendue rencontrée problem-unexpected-error-encountered

  1. Dans l’URL du formulaire, ajoutez un paramètre de demande debugClientLibs et définissez sa valeur sur true (par exemple : https://<server>:<port>/content/xfaforms/profiles/test.html?contentRoot=<some path>&template=<name of xdp file>&log=1-a9-b9-c9&debugClientLibs=true).

  2. Dans le navigateur de bureau comme Chrome, accédez à Outils de développement -> Console.

  3. Ouvrez les journaux pour identifier le type d’erreur. Pour plus d’informations sur les journaux, voir journaux des formulaires HTML5.

  4. Accédez à Outils de développement -> Console. Utilisez la trace de pile pour localiser le code qui cause l’erreur. Déboguer l’erreur pour résoudre le problème.

    note note
    NOTE
    S’il s’agit d’un échec de script, vérifiez si le même problème se produit également lors du rendu du PDF du formulaire. Si oui, alors il y a un problème dans la logique de script du formulaire.

Problème : Impossible d’envoyer le formulaire problem-unable-to-submit-the-form

  1. Assurez-vous que vous disposez des droits d’accès au serveur AEM et que vous êtes connecté au serveur.
  2. Vérifiez que le paramètre submitUrl est correct.
  3. Activez les journaux côté client comme mentionné dans Journaux des formulaires HTML5 à l’aide de l’option de débogage comme 1-a5-b5-c5. Puis lancez le rendu du formulaire et cliquez sur envoyer. Ouvrez la console de dépannage du navigateur et vérifiez s’il se produit une erreur.
  4. Recherchez les journaux du serveur comme indiqué dans la section Journaux des formulaires HTML5. Vérifiez si une erreur s’est produite dans les journaux du serveur lors de l’envoi.

Problème : Les messages d’erreur localisés ne s’affichent pas problem-localized-error-messages-do-not-display

  1. Rendu du formulaire avec un paramètre de requête supplémentaire debugClientLibs=true dans le navigateur de bureau, puis accédez à Outils de développement -> Ressources et recherchez le fichier I18N.css.

  2. Si le fichier n’est pas disponible, connectez-vous à CRX DE à l’adresse https://<server>:<port>/crx/de.

  3. Dans la hiérarchie de dossiers sur la gauche, accédez à /libs/fd/xfaforms/clientlibs/I18N et assurez-vous que les fichiers et dossiers suivants existent :

    • Namespace.js
    • LogMessages.js
    • Dossiers de langues
  4. Si l’un des fichiers ou dossiers ci-dessus n’existe pas, installez la méthode adobe-lc-forms-runtime-pkg-<version>.zip module à nouveau.

  5. Accédez au dossier portant le même nom que le nom du paramètre régional et vérifiez son contenu. Le dossier doit contenir les fichiers suivants :

    • I18N.js
    • js.txt
  6. Vérifiez le contenu de js.txt et assurez-vous qu’il comporte les entrées suivantes.

    code language-none
    ../Namespace.js
    I18N.js
    ../LogMessages.js
    

Problème : Image non affichée problem-image-not-showing-up

  1. Assurez-vous que l’URL de l’image est correcte.

  2. Vérifiez si votre navigateur prend en charge ce type d’image.

  3. Dans les informations des exceptions, recherchez les mots causé par.

    La raison probable est qu’un ou plusieurs paramètres de l’URL sont incorrects.

    Vérifiez les paramètres suivants : Texte de l’étape

Paramètre
Description
template
Nom de fichier du modèle
contentRoot
Chemin d’accès à l’emplacement où résident le modèle et les ressources associées
dataRef
Chemin d’accès absolu au fichier de données fusionné avec le modèle.
Remarque : Path définit le chemin d’accès absolu du fichier de données.
data
Octets de données codés au format UTF-8 fusionnés avec le modèle.
  1. Dans le navigateur de bureau, accédez à Outils de développement -> Ressources.

    Vérifiez sur le côté gauche dans Images si cette image s’affiche.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da