1. Création d’un projet
Créez un projet de console Adobe Developer qui définit son accès aux autres services Adobe et gère ses déploiements.
Création d’un projet Adobe DeveloperAEM la console Fragments de contenu les extensions peuvent être ajoutées via deux points d’extension : un bouton dans la fonction de la console de fragments de contenu menu d’en-tête ou barre d’actions. Les extensions sont écrites en JavaScript et s’exécutent en tant qu’applications App Builder. Elles peuvent également mettre en oeuvre une interface utilisateur web personnalisée et des actions Adobe I/O Runtime sans serveur afin d’effectuer des tâches plus intensives et de longue durée.
Type d’extension | Description | Paramètre(s) |
---|---|---|
Menu En-tête | Ajoute un bouton à l’en-tête qui s’affiche lorsque zero Les fragments de contenu sont sélectionnés. | Aucun. |
Barre d’actions | Ajoute un bouton à la barre d’actions qui s’affiche lorsque un ou plusieurs Les fragments de contenu sont sélectionnés. | Tableau des chemins d’accès aux fragments de contenu sélectionnés. |
Une seule extension de la console de fragments de contenu AEM peut inclure zéro ou un menu d’en-tête et zéro ou un type d’extension de barre d’actions. Si plusieurs types d’extension du même type sont requis, plusieurs extensions de la console Fragments de contenu AEM doivent être créées.
AEM des extensions de la console de fragments de contenu, une Projet de la console Adobe Developer et un Application App Builder en utilisant la variable @adobe/aem-cf-admin-ui-ext-tpl
modèle, associé au projet de console Adobe Developer.
Effectuez une sélection parmi les fonctionnalités suivantes lors de la génération de l’application App Builder, en fonction de ce que fait l’extension. Toutes les combinaisons d’options peuvent être utilisées dans une extension.
Ajouter un bouton à Menu En-tête | Ajouter un bouton à Barre d’actions | Afficher Modal | Ajouter gestionnaire côté serveur | |
---|---|---|---|---|
Disponible lorsque les fragments de contenu ne sont pas sélectionnés | ✔ | |||
Disponible lorsqu’un ou plusieurs fragments de contenu sont sélectionnés | ✔ | |||
Collecte des entrées personnalisées de l’utilisateur | ✔️ | |||
Affiche des commentaires personnalisés à l’intention de l’utilisateur | ✔️ | |||
Appelle les requêtes HTTP vers AEM | ✔ | |||
Appelle des requêtes HTTP vers des services tiers/Adobe | ✔ |
Adobe Developer contient des informations détaillées sur les développeurs concernant AEM extensions de la console de fragments de contenu. Veuillez consulter la section Contenu Adobe Developer pour plus de détails techniques.
Suivez les étapes décrites ci-dessous pour savoir comment générer, développer et déployer une extension AEM Content Fragment Console pour AEM as a Cloud Service.
1. Création d’un projet
Créez un projet de console Adobe Developer qui définit son accès aux autres services Adobe et gère ses déploiements.
Création d’un projet Adobe Developer2. Initialisation d’une application d’extension
Initialisez une application du générateur d’applications de la console de fragments de contenu AEM qui définit l’emplacement d’affichage de l’extension et le travail qu’elle effectue.
Initialisation d’une application d’extension3. Enregistrement de l’extension
Enregistrez l’extension dans la console de fragments de contenu AEM en tant que menu d’en-tête ou type d’extension de barre d’actions.
Enregistrement de l’extension4a. Menu d’en-tête
Découvrez comment créer une extension de menu d’en-tête de la console de fragments de contenu AEM.
Étendre le menu d’en-tête4b. Barre d’actions
Découvrez comment créer une extension de barre d’actions de la console de fragments de contenu AEM.
Étendre la barre d’actions5. Modal
Ajoutez un modal personnalisé à l’extension qui peut être utilisé pour créer des expériences personnalisées pour les utilisateurs. Les modèles collectent souvent les entrées des utilisateurs et affichent les résultats d’une opération.
Ajouter un modal6. Action Adobe I/O Runtime
Ajoutez une action Adobe I/O Runtime sans serveur que l’extension peut appeler pour interagir avec des fragments de contenu et AEM pour effectuer des opérations commerciales personnalisées.
Ajout d’une action Adobe I/O Runtime7. Test
Testez les extensions pendant le développement et partagez les extensions terminées avec les testeurs AQ ou UAT à l’aide d’une URL spéciale.
Tester l’extension8. Déploiement en production
Déployez l’extension pour l’Adobe I/O afin de la rendre disponible pour AEM utilisateurs. Les extensions peuvent également être mises à jour et supprimées.
Déploiement en productionExemple d’AEM d’extensions de la console de fragments de contenu.
Extension Bulk property update
Explorez un exemple d’extension de barre d’actions qui met à jour en masse une propriété sur les fragments de contenu sélectionnés.
Explorer l’exemple d’extensionGénération d’images basée sur OpenAI et chargement vers AEM extension
Explorez un exemple d’extension de barre d’actions qui génère une image à l’aide d’OpenAI, la charge dans AEM et met à jour la propriété de l’image sur le fragment de contenu sélectionné.
Explorer l’exemple d’extension