- Aperçu du guide de l’utilisateur pour le développement
- Présentation pour l’équipe de développement
- Prise en main du développement d’AEM Sites – Tutoriel WKND
- Concepts de base d’AEM
- Structure de l’interface utilisateur tactile d’AEM
- Concepts de l’interface utilisateur (IU) tactile d’AEM
- Développement sur AEM – Conseils et bonnes pratiques
- Utilisation de bibliothèques côté client
- Développement et outil de comparaison des pages
- Limites de l’éditeur
- Le Framework de protection CSRF
- Modélisation de données – Modèle de David Nuescheler
- Contribution à AEM
- Sécurité
- Documents de référence
- Création d’un site web complet (IU classique)
- Conceptions et Designer (IU classique)
- Migration vers l’interface utilisateur tactile
- Platform
- Aide-mémoire pour Sling
- Utilisation des adaptateurs Sling
- Bibliothèques de balises
- Modèles
- Utilisation de Sling Resource Merger dans AEM
- Recouvrements
- Conventions de nommage
- Création d’un composant de champ d’IU Granite
- Query Builder
- Balisage
- Personnalisation des pages affichées par le gestionnaire d’erreurs
- Types de nœuds personnalisés
- Ajout de polices pour le rendu graphique
- Connexion à des bases de données SQL
- Externalisation d’URL
- Création et utilisation de tâches pour le déchargement
- Configuration de l’utilisation de cookies
- Comment accéder au JCR AEM par programmation
- Intégration de services à la console JMX
- Développement de l’éditeur en bloc
- Élaboration de rapports
- Composants
- Composants principaux
- Système de style
- Aperçu des composants
- Composants AEM - Notions de base
- Développement de composants AEM
- Développement de composants AEM – Échantillons de code
- Exportateur JSON pour Content Services
- Activation de l’exportateur JSON pour un composant
- Éditeur d’image
- Balise décorative
- Utilisation de conditions de masquage
- Configuration de plusieurs éditeurs statiques
- Mode Développeur
- Tester votre IU
- Composants pour les fragments de contenu
- Obtention d’informations sur la page au format JSON
- Internationalisation
- Composants de l’interface utilisateur classique
- Couplage et découplage dans AEM
- Gestion de l’expérience découplée
- Le découplage et AEM
- Parcours découplés
- Parcours de développement découplé
- Comprendre le découplage dans AEM
- En savoir plus sur le développement CMS découplé
- Prise en main d’AEM as a Cloud Service découplé
- Chemin d’accès à votre première expérience à l’aide d’AEM découplé
- Comment modéliser votre contenu en tant que modèles de contenu AEM
- Accès à votre contenu grâce aux API de diffusion AEM
- Comment mettre à jour votre contenu grâce aux API d’AEM Assets
- Comment assembler l’ensemble
- Comment mettre en ligne votre application découplée
- Facultatif – Comment créer des applications sur une seule page (SPA) avec AEM
- Parcours d’architecture de contenu découplé
- Parcours de développement découplé
- Guides de prise en main
- Fragments de contenu
- Diffusion découplée avec des fragments de contenu et GraphQL
- Utilisation de fragments de contenu
- Activer la fonctionnalité de fragment de contenu pour votre instance
- Modèles de fragment de contenu
- Gestion des fragments de contenu
- Variations – création de contenu de fragment
- Texte (Markdown)
- Utilisation de contenu associé
- Métadonnées – propriétés des fragments
- Arborescence de la structure
- Prévisualisation – Représentation JSON
- API de diffusion
- Développement hybride et SPA AEM
- Approche hybride et SPA avec AEM
- Introduction et présentation des applications monopage (SPA)
- Tutoriel sur SPA WKND
- Prise en main avec React
- Mise en œuvre d’un composant React pour SPA
- Prise en main avec Angular
- Immersion dans les SPA
- Développement de SPA pour AEM
- Présentation de l’éditeur de SPA
- Plan directeur d’applications sur une seule page (SPA)
- Composant de page SPA
- Mappage dynamique de modèle à composant pour les SPA
- Routage du modèle de SPA
- Composant RemotePage
- Modification d’une SPA externe dans AEM
- Composants composites dans les SPA
- SPA et rendu côté serveur (SSR)
- Activation de l’exportateur JSON pour un composant
- Intégration de Launch
- Documents de référence SPA
- Outils de développement
- Outils de développement
- Outils de modernisation d’AEM
- Éditeur de boîtes de dialogue
- Outil de conversion de boîte de dialogue
- Développement dans CRXDE Lite
- Gestion des packages à l’aide de Maven
- Développement de projets AEM à l’aide d’Eclipse
- Création de projets AEM à l’aide d’Apache Maven
- Développement de projets AEM à l’aide de IntelliJ IDEA
- Utilisation de l’outil VLT
- Utilisation de l’outil de serveur proxy
- Extension AEM Brackets
- Outils de développement AEM pour Eclipse
- Outil AEM Repo
- Personnalisation
- ContextHub
- Configuration de ContextHub
- Ajout de ContextHub à des pages et accès à des magasins
- Extension de ContextHub
- Exemples de magasins candidats ContextHub
- Exemples de types de module d’IU ContextHub
- Diagnostic ContextHub
- Développement de composants pour du contenu ciblé
- Guide de référence pour l’API JavaScript ContextHub
- ClientContext
- Extension d’AEM
- Extension d’AEM à l’aide d’Adobe Developer App Builder
- Personnalisation de la création de pages
- Personnalisation des consoles
- Personnalisation des vues des propriétés de la page
- Configuration d’une page pour la modification en bloc des propriétés de page
- Personnalisation et extensions de fragments de contenu
- Fragments de contenu – Configuration des composants pour le rendu
- Fragments d’expérience
- Extension des workflows
- Développement et extension des workflows
- Création de modèles de workflow
- Extension des fonctionnalités de workflows
- Interaction avec les workflows par programmation
- Référence sur les étapes de workflow
- Bonnes pratiques en matière de workflow
- Référence sur les processus de workflow
- Variables dans les workflows d’AEM
- Extension du Multi-Site Manager
- Suivi et analyses
- Services cloud
- Création d’extensions personnalisées
- Formulaires
- Intégration de services à la console JMX
- Développement de l’éditeur en bloc
- Extension de l’interface utilisateur classique
- Tests
- Planification
- Quels environnements de test sont nécessaires ?
- Définition de cas de test
- Les tests - Quand et avec qui ?
- Élaboration d’un plan de tests
- Suivi des résultats et formulation de commentaires
- Outils de test et de suivi
- Acceptation et approbation
- La prochaine version…
- Listes de contrôle
- Tough Day
- Test de votre interface utilisateur
- Bonnes pratiques
- Présentation des bonnes pratiques
- Développement sur AEM – Conseils et bonnes pratiques
- Bonnes pratiques de développement
- Architecture de contenu
- Architecture logicielle
- Implémentation de référence We.Retail
- Implémentation de référence We.Retail
- Test des fragments de contenu dans We.Retail
- Test des composants principaux dans We.Retail
- Test des modèles modifiables dans We.Retail
- Test d’une mise en page en responsive design dans We.Retail
- Test de la structure de site globalisée dans We.Retail
- Test des fragments d’expériences dans We.Retail
- Conseils pour bien coder
- Les pièges du codage
- Lots OSGi
- Intégration JCR
- Exemples de code
- Résolution des problèmes de lenteur des requêtes
- Web mobile
Développer des composants AEM – Exemples de code
Cette section fournit quelques exemples de création de vos propres composants pour AEM.
Pour connaître les concepts sous-jacents, voir :
Pour plus d’informations sur l’interface utilisateur classique, consultez Composants AEM pour l’interface utilisateur graphique.
REMARQUE
Pour vous aider à analyser, tester et déboguer vos composants, AEM fournit :
Exemple de code – Personnalisation des champs de la boîte de dialogue
CODE SUR GITHUB
Vous pouvez trouver le code de cette page sur GitHub.
- Ouvrez le projet aem-authoring-dialog-fields-customization project sur GitHub.
- Téléchargez le projet sous la forme de fichier ZIP.
REMARQUE
Cet exemple de code est lié à la session AEM Gems sur Personnalisation des champs de boîte de dialogue.
Ressources connexes
Ajout d’une nouvelle action à une barre d’outils de composant
De nouvelles actions peuvent être ajoutées aux barres d’outils de composant à l’aide du calque d’édition de l’éditeur de page.
Vous trouverez, dans la section Ajout d’une nouvelle action à une barre d’outils de composants des informations détaillées, ainsi que des liens vers l’exemple de code.
Personnalisation et extensions de fragments de contenu
Vous pouvez étendre le composant Fragment de contenu standard pour ajouter des fonctionnalités.
Pour plus d’informations, consultez Personnalisation et extensions de fragments de contenu.
Ressources Business.Adobe.com
Ressources
Compte Adobe
Changer la langue
Copyright © 2023 Adobe. All Rights Reserved.
