Personnalisation des fragments de contenu avec Adobe AEM App Builder

Dans ce blog, nous démontrerons comment Adobe AEM App Builder peut rationaliser le développement de fragments de contenu personnalisés dans Adobe Experience Manager en tant que service cloud. Notre objectif est de vous guider dans la mise en place d’un environnement de développement local, la création d’un projet et le développement d’un bouton personnalisé dans la barre d’action. En suivant les étapes mentionnées ci-dessous, vous apprendrez à tirer parti des outils intuitifs d’App Builder pour personnaliser efficacement les fragments de contenu, garantissant ainsi un processus de gestion de contenu plus fluide et plus efficace.

Étape 1. Créez un projet de création d’applications Adobe IO à partir de la console de développement Adobe. vérifiez si vous avez la possibilité de créer un projet à partir du modèle existant. Là seulement, vous verrez l’option de créer un projet à l’aide d’App Builder.

Étape 2. Après avoir créé le projet à partir d’App Builder, configurez l’App Builder local pour développer d’autres extensions. Vous trouverez ci-dessous les commandes que vous pouvez utiliser pour créer un modèle de projet d’extension afin de développer davantage l’extension personnalisée.

Étape 3. Commandes utilisées pour créer le passe-partout d’extension.

aio app init

Après cette commande, vous serez invité à choisir parmi des options et à sélectionner celles en fonction de ce que vous souhaitez créer ou réaliser avec l’extension d’application.

initialisation de l’application aio

initialisation de l’application aio

aio app run

cette commande démarrera un environnement de développement local dans lequel vous pourrez facilement apporter des modifications à l’extension et voir ce que vous avez développé conformément aux exigences avant de le mettre en production.

exécution de l’application aio

Dans ce projet, nous avons ajouté un bouton d’action personnalisé dans la barre d’action du nouvel éditeur d’administration de fragment de contenu qui, après le déploiement, est visible dans la capture d’écran ci-dessous.

bouton d’action personnalisé

Conclusion

En conclusion, Adobe AEM App Builder révolutionne la gestion de contenu en simplifiant la personnalisation des fragments de contenu au sein de la nouvelle interface de l’éditeur. En suivant le guide étape par étape, vous pouvez configurer votre environnement de développement, initialiser des extensions personnalisées et adapter les fragments de contenu à vos besoins spécifiques.

Les références

https://developer.adobe.com/uix/docs/services/aem-cf-editor/api/
https://developer.adobe.com/app-builder/docs/getting_started/first_app/
https://developer.adobe.com/uix/docs/getting-started/app-builder/
https://developer.adobe.com/app-builder/docs/overview/getting_access/
https://developer.adobe.com/uix/docs/services/aem-cf-console-admin/extension-development/