Développement dans CRXDE Lite developing-with-crxde-lite
Cette section décrit comment développer votre application Adobe Experience Manager (AEM) à l’aide de CRXDE Lite.
Pour plus d’informations sur les différents environnements de développement disponibles, reportez-vous à la documentation sur la vue d’ensemble.
CRXDE Lite est intégré à CRX/CQ et permet d’effectuer des tâches de développement standard dans le navigateur. En vous connectant à CRXDE Lite, vous pouvez créer un projet, créer et modifier des fichiers (en .jsp et .java, par exemple), des dossiers, des modèles, des composants, des boîtes de dialogue, des nœuds, des propriétés et des bundles.
CRXDE Lite est recommandé lorsque vous ne disposez pas d’accès direct au serveur AEM, lorsque vous développez une application en étendant ou en modifiant les composants prêts à l’emploi et les bundles Java™ ou lorsque vous n’avez pas besoin d’un débogueur dédié, du remplissage de code et de la mise en surbrillance de la syntaxe.
Les utilisateurs sont redirigés vers l’écran de connexion.
Prise en main de CRXDE Lite getting-started-with-crxde-lite
Pour commencer à utiliser CRXDE Lite, procédez comme suit :
-
Installez AEM.
-
Dans votre navigateur, entrez
https://<host>:<port>/crx/de
. Par défaut, le paramètre esthttps://localhost:4502/crx/de
. -
Entrez votre nom d’utilisateur et votre mot de passe. Par défaut, il s’agit de
admin
etadmin
. -
Cliquez sur OK.
L’interface utilisateur de CRXDE Lite est la suivante dans votre navigateur :
Vous pouvez désormais utiliser CRXDE Lite pour développer votre application.
Présentation de l’interface utilisateur overview-of-the-user-interface
CRXDE Lite offre les fonctionnalités suivantes :
Création d’un dossier creating-a-folder
Pour créer un dossier avec CRXDE Lite :
-
Ouvrez CRXDE Lite dans un navigateur.
-
Dans le volet de navigation, cliquez avec le bouton droit sur le dossier dans lequel vous souhaitez créer le nouveau dossier, sélectionnez Créer, puis Créer un dossier.
-
Entrez le nom du dossier et cliquez sur OK.
-
Cliquez sur Enregistrer tout pour enregistrer les modifications sur le serveur.
Création d’un modèle creating-a-template
Pour créer un modèle avec CRXDE Lite :
-
Ouvrez CRXDE Lite dans un navigateur.
-
Dans le volet de navigation, cliquez avec le bouton droit sur le dossier dans lequel vous souhaitez créer le modèle, sélectionnez Créer …, puis Créer un modèle ….
-
Définissez les champs Libellé, Titre, Description, Type de ressource et Classement du modèle. Cliquez sur Suivant.
-
Cette étape est facultative : définissez Chemins autorisés. Cliquez sur Suivant.
-
Cette étape est facultative : définissez les Parents autorisés. Cliquez sur Suivant.
-
Cette étape est facultative : définissez les Enfants autorisés. Cliquez sur OK.
-
Cliquez sur Enregistrer tout pour enregistrer les modifications sur le serveur.
Les éléments suivants sont alors créés :
-
un nœud de type
cq:Template
avec les propriétés du modèle ; -
un nœud enfant de type
cq:PageContent
avec les propriétés de contenu de page.
Vous pouvez ajouter des propriétés à votre modèle. Pour plus d’informations, consultez la section Création d’une propriété.
Création d’un composant creating-a-component
La fonctionnalité décrite ici n’est disponible que si CQ5 est installé, c’est-à-dire si le type de nœud cq:Component
est disponible dans le référentiel.
Pour créer un composant avec CRXDE Lite :
-
Ouvrez CRXDE Lite dans un navigateur.
-
Dans le volet de navigation, cliquez avec le bouton droit sur le dossier dans lequel vous souhaitez créer le composant, sélectionnez Créer …, puis Créer un composant ….
-
Définissez les champs Libellé, Titre, Description, Super type de ressource et Groupe du composant. Cliquez sur Suivant.
-
Cette étape est facultative : définissez les propriétés du composant Est un conteneur, Pas de décoration, Nom de cellule et Chemin d’accès de la boîte de dialogue. Cliquez sur Suivant.
-
Cette étape est facultative : définissez la propriété de composant Parents autorisés. Cliquez sur Suivant.
-
Cette étape est facultative : définissez la propriété de composant Enfant autorisé. Cliquez sur OK.
-
Cliquez sur Enregistrer tout pour enregistrer les modifications sur le serveur.
Les éléments suivants sont alors créés :
- un nœud de type
cq:Component
. - Propriétés du composant
- Un script .jsp de composant
Création d’une boîte de dialogue creating-a-dialog
Pour créer une boîte de dialogue CRXDE Lite :
-
Ouvrez CRXDE Lite dans un navigateur.
-
Dans le volet de navigation, cliquez avec le bouton droit sur le composant dans lequel vous souhaitez créer la boîte de dialogue, sélectionnez Créer …, puis Créer une boîte de dialogue ….
-
Entrez le Libellé et le Titre. Cliquez sur OK.
-
Cliquez sur Enregistrer tout pour enregistrer les modifications sur le serveur.
Une boîte de dialogue est alors créée sous la structure suivante :
dialog[cq:Dialog]/items[cq:Widget]/items[cq:WidgetCollection]/tab1[cq:Panel]
Vous pouvez désormais adapter la boîte de dialogue à vos besoins en modifiant les propriétés ou en créant des nœuds.
Vous pouvez également utiliser l’éditeur de boîte dialogue pour modifier une boîte de dialogue. Un double-clic sur le nœud de la boîte de dialogue dans CRXDE Lite fait apparaître l’éditeur. Voir l’éditeur de boîtes de dialogue pour plus d’informations.
Création d’un nœud creating-a-node
Pour créer un nœud avec CRXDE Lite, procédez comme suit :
- Ouvrez CRXDE Lite dans un navigateur.
- Dans le volet de navigation, cliquez avec le bouton droit sur le nœud où vous souhaitez créer le nœud, sélectionnez Créer, puis Créer un nœud.
- Entrez le Nom et le Type. Cliquez sur OK.
- Cliquez sur Enregistrer tout pour enregistrer les modifications sur le serveur.
Vous pouvez désormais adapter le nœud à vos besoins en modifiant les propriétés ou en créant des nœuds.
nt:unstructured
en tant qu’enfant du nœud nt:folder
).Création d’une propriété creating-a-property
Pour créer une propriété avec CRXDE Lite :
-
Ouvrez CRXDE Lite dans un navigateur.
-
Dans le volet de navigation, sélectionnez le nœud dans lequel vous souhaitez ajouter la nouvelle propriété.
-
Dans l’onglet Propriétés du volet inférieur, saisissez le Nom, le Type et la Valeur. Cliquez sur Ajouter.
-
Cliquez sur Enregistrer tout pour enregistrer les modifications sur le serveur.
Créer un script creating-a-script
Pour créer un script :
-
Ouvrez CRXDE Lite dans un navigateur.
-
Dans le volet Explorateur, cliquez avec le bouton droit sur le composant dans lequel vous souhaitez créer le fichier, sélectionnez Créer, puis Créer un fichier ….
-
Entrez le nom du fichier, y compris son extension. Cliquez sur OK.
-
Le nouveau fichier s’ouvre en tant qu’onglet dans le volet de modification.
-
Modifiez le fichier.
-
Cliquez sur Enregistrer tout pour enregistrer les modifications.
Exportation et importation de types de nœuds exporting-and-importing-node-types
Avec CRXDE Lite, vous pouvez importer et/ou exporter des définitions de type de nœud dans la notation CND (Compact Namespace et Node Type Definition).
Pour exporter une définition de type de nœud :
-
Ouvrez CRXDE Lite dans un navigateur.
-
Sélectionnez le nœud requis.
-
Sélectionnez Outils, puis Exporter le type de nœud.
-
La définition, en notation CND, est affichée dans votre navigateur. Enregistrez les informations si nécessaire.
Pour importer une définition de type de nœud :
-
Ouvrez CRXDE Lite dans un navigateur.
-
Sélectionnez Outils, puis Importer le type de nœud….
-
Saisissez la notation CND de la définition dans la zone de texte.
-
Cochez la case Autoriser la mise à jour si vous mettez à jour une définition existante.
-
Cliquez sur Importer.
Journalisation logging
CRXDE Lite permet d’afficher le fichier error.log
qui se trouve sur le système de fichiers à l’emplacement <crx-install-dir>/crx-quickstart/server/logs
et de le filtrer avec le niveau de journalisation approprié. Procédez comme suit :
-
Ouvrez CRXDE Lite dans un navigateur.
-
Sous l’onglet Console, en bas de la fenêtre, dans le menu déroulant à droite, sélectionnez Journaux du serveur.
-
Cliquez sur l’icône Arrêter pour afficher les messages.
Vous pouvez effectuer les actions suivantes :
- Ajuster les paramètres du journal dans la console Felix en cliquant sur l’icône Configurations de journalisation.
- Effacez les messages en cliquant sur l’icône Pinceau.
- Épinglez le message à la sélection en cliquant sur l’icône Épingler.
- Activer ou désactiver l’affichage des messages en cliquant sur l’icône Stop.