- 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
- API HTTP Assets
- API REST de fragments de contenu
- API GraphQL de fragments de contenu
- Gestion des points d’entrée GraphQL
- Utilisation de l’IDE GraphiQL
- Requêtes persistantes
- Optimisation des requêtes GraphQL.
- Mise à jour des fragments de contenu pour un filtrage GraphQL optimisé.
- Authentification pour les requêtes AEM GraphQL distantes sur les fragments de contenu
- API AEM GraphQL avec fragments de contenu – Exemple de contenu et requêtes
- 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é
- Référence de 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
Documentation
Bonnes pratiques
Bonnes pratiques pour les développeurs et développeuses - Prise en main
Les équipes d’ingénierie et de conseil Adobe ont développé un ensemble complet de bonnes pratiques pour les développeurs AEM. Les développeurs et développeuses d’Adobe se conforment à ces bonnes pratiques lorsqu’ils développent des mises à jour de base pour les produits d’AEM et du code client pour les implémentations client.
Avant de commencer votre projet de développement AEM, passez en revue ces bonnes pratiques :
- Bonnes pratiques en matière de développement
- Architecture de contenu
- Architecture logicielle
- Conseils pour bien coder
- Les pièges du codage
- Interaction JCR
- Bundles OSGi
- Bonnes pratiques relatives aux API Java
Informations supplémentaires sur les bonnes pratiques
Les aspects suivants sont couverts par une documentation spécifique pour le développement de bonnes pratiques :
Les documents spécifiques sont décrits et associés dans les tableaux qui suivent.
Pour connaître les bonnes pratiques en matière d’administration, de déploiement, de maintenance ou de création, reportez-vous à l’une des ressources suivantes :
Sites
La gestion et la création du contenu de votre site web comportent les bonnes pratiques suivantes :
| Une partie de la théorie derrière l’IU tactile standard. | Ces documents présentent les concepts et la structure de l’IU tactile. | |
| IU tactile : personnalisation des consoles | Personnalisation des consoles d’IU tactile | Ce document décrit la meilleure manière d’optimiser les consoles pour l’IU tactile. |
| Interface utilisateur tactile : personnaliser la création de pages | Personnalisation de la création de pages pour l’IU tactile | Décrit comment optimiser la création de pages pour l’interface utilisateur tactile. |
| Workflows | Développement et extension des workflows | Les workflows vous permettent d’automatiser les activités d’Adobe Experience Manager (AEM) et peuvent représenter une grande partie du traitement qui se produit dans un environnement AEM. Il est donc hautement recommandé de planifier et de configurer avec soin les implémentations de workflows. |
Communities
AEM Communities simplifie la création et la gestion des communautés sur site.
Vous trouverez ici certaines bonnes pratiques pour AEM Communities :
| Bonnes pratiques relatives à l’utilisation du contenu généré par l’utilisateur (UGC) | Consignes de codage | Consignes relatives au développement d’un code flexible et portable destiné à un framework de composants sociaux (SCF). |
| Exemple d’utilisation des composants de communautés | Guide de composants de communauté | Un outil de développement interactif. |
Outillage/HTL
Le langage de modèle HTML (HTL) est un nouveau système de modèle HTML, introduit avec AEM 6.0. Il remplace JSP et ESP en tant que système de modèle préféré d’AEM.
| Présentation de HTL | Vue d’ensemble et syntaxe HTL | Ce document décrit ce qu’est HTL, comment passer à HTL, un exemple de projet, une syntaxe, des expressions et des instructions. |
| Utiliser l’API dans Java | Use-API Java HTL | L’Use-API Java HTL permet à un fichier HTL d’accéder aux méthodes d’assistance dans une classe Java personnalisée. |
REMARQUE
Le didacticiel en plusieurs parties peut être intéressant pour la configuration d’un nouveau projet AEM, en détaillant les principaux composants, les modèles modifiables, les bibliothèques clientes et le développement de composants :
Prise en main du développement AEM Sites – Tutoriel WKND
Ressources
Compte Adobe
Changer la langue
Copyright © 2023 Adobe. All Rights Reserved.
