Show Menu
SUJETS×

Présentation des composants

Cette page donne un aperçu des composants AEM (Adobe Experience Manager), tels que ceux utilisés pour la création de pages .

Que sont les composants ?

  • Unités modulaires qui réalisent des fonctionnalités spécifiques pour présenter votre contenu sur votre site Web.
  • Réutilisable.
  • Développé en tant qu’unités autonomes dans un dossier du référentiel.
  • Ils ne comportent aucun fichier de configuration masqué.
  • Ils peuvent contenir d’autres composants.
  • Ils peuvent s’exécuter n’importe où dans n’importe quel système AEM ; leur exécution peut également être limitée à des composants spécifiques.
  • Ils possèdent une interface utilisateur standardisée.
  • Comportement de modification pouvant être configuré.
  • Utiliser des boîtes de dialogue créées à l’aide de sous-éléments basés sur des composants de l’interface utilisateur Granite
  • Are developed using HTL (recommended) or JSP.
  • Ils peuvent être développés pour créer des composants personnalisés qui étendent les fonctionnalités par défaut.
Compte tenu de la nature modulaire des composants, vous pouvez effectuer les opérations suivantes :
  • Développer un nouveau composant sur votre instance locale.
  • Déployez-le dans votre environnement de test.
  • Déployer le composant sur votre environnement de création actif et permettre ainsi aux auteurs et/ou développeurs d’ajouter et de configurer du contenu.
  • Déployez-le dans votre ou vos environnement(s) de publication en direct, où ils sont utilisés pour générer le contenu pour les visiteurs de votre site Web. Certains composants (c’est le cas de Communities, par exemple) acceptent la saisie de contenu de la part des utilisateurs.
Chaque composant AEM :
  • Est un type de ressource.
  • Collection de scripts qui réalisent complètement une fonction spécifique.
  • Can function in isolation , meaning either within AEM or a portal.

Composants prêts à l’emploi dans AEM

AEM est fourni avec un éventail de composants prêts à l’emploi qui procurent des fonctionnalités complètes :
  • Système de paragraphes ( parsys )
  • Page ( responsivegrid - touch-enabled UI only)
  • Texte
  • Image, avec texte d’accompagnement
  • Barre d’outils
Les composants fournis et leur utilisation dans les exemples de sites web We.Retail illustrent l’implémentation et l’utilisation des composants. Les composants sont fournis avec l’intégralité du code source et peuvent être utilisés tels quels ou comme points de départ pour des composants modifiés ou étendus.

Composants principaux et composants de base

Il existe deux groupes de composants AEM fournis par Adobe :
Les composants principaux ont été introduits avec AEM 6.3 et offrent une fonctionnalité de création flexible et riche en fonctionnalités. The We.Retail reference site illustrates how the core components can be used and represent the current best-practices of component development.
Les composants de base sont fournis avec AEM depuis de nombreuses versions et sont disponibles prêts à l’emploi dans une installation AEM standard. Bien qu’ils soient toujours pris en charge, la plupart d’entre eux ont été abandonnés, ne sont plus améliorés et reposent sur des technologies héritées.
Les composants principaux représentent les méthodes recommandées en matière de conception et de développement de composants. Ils font également office d’implémentations de référence.
Les outils de modernisation d’AEM peuvent vous aider à migrer vers les composants principaux.

Affichage des composants disponibles

Pour avoir un aperçu de tous les composants disponibles dans votre instance AEM, utilisez la console Composants .
Une autre méthode consiste à utiliser CRXDE Lite pour obtenir la liste de tous les composants disponibles dans le référentiel.
  1. In CRXDE Lite , select Tools from the toolbar, then Query , which opens the Query tab.
  2. Dans l’onglet Requête , sélectionnez XPath comme Type .
  3. Dans la zone de saisie Requête , entrez la chaîne suivante :
    //element(*, cq:Component)
  4. Click Execute and the components are listed.