Activer l’extensibilité de l’interface utilisateur dans AEM Assets View AEM-Assets-View-UI-Extensibility
AEM Assets View prend en charge l’extensibilité de l’interface utilisateur, ce qui vous permet d’ajouter des composants d’interface utilisateur personnalisés à votre interface utilisateur Assets View pour des workflows spécifiques et des besoins de l’entreprise qui ne sont pas satisfaits par les fonctionnalités prêtes à l’emploi de AEM Assets View. Cette fonctionnalité d’extensibilité de l’interface utilisateur d’AEM Assets View améliore sa flexibilité, permettant aux entreprises d’adapter l’interface à des workflows et des exigences spécifiques.
Vous pouvez ajouter vos extensions au niveau Ressource, Dossier et Collection. L’extension ajoutée s’affiche dans un panneau dédié sur la page Ressource, Collection ou Dossier Détails.
- L’extensibilité de l’interface utilisateur de AEM Assets View est disponible avec Assets Ultimate.
- Pour accéder à l’extensibilité de Assets view’interface utilisateur, créez et envoyez un dossier Adobe service clientèle.
- Vous pouvez fournir des commentaires sur la documentation en développant Options de commentaires détaillés et en cliquant sur Signaler un problème.
accéder à la vue Assets add-UI-Extensibility-in-AEM-Assets-View
Suivez les étapes mentionnées dans l’image ci-dessous pour accéder au Assets View :
Affichage des extensions d’interface utilisateur dans Assets View ui-extensibility-panel-assets-view
Dans Assets View, accédez à la page Détails d’une ressource, d’un dossier ou d’une collection. La page Détails affiche l’extension d’interface utilisateur ajoutée dans un panneau dédié.
Conditions préalables à l’ajout du composant d’extensibilité assets-view-ui-extensibility
Remplissez les conditions requises suivantes pour commencer à ajouter le composant d’extensibilité à votre Assets View UI :
- Accès à Assets View.
- Accès à la Adobe app builder.
- Autorisation de développer le rôle d’administrateur système au sein de l’organisation. Voir cette documentation pour plus d’informations.
- Adobe IO command line tool (AIO CLI) est installé sur vos ordinateurs locaux. Cet outil est essentiel pour la création et le déploiement de projets d’extension. Voir cette documentation pour plus d’informations.
- Bonne compréhension des technologies JavaScript, Node.js et React.
Ajouter le composant d’extensibilité de l’interface utilisateur à Assets View ui-extensibility-in-assets-view
- Consultez Prise en main pour obtenir des informations essentielles sur les extensions d’interface utilisateur et le framework de Adobe App Builder. Découvrez comment l’extensibilité de l’interface utilisateur permet l’intégration d’une logique et d’une interface utilisateur personnalisées dans Adobe Experience Cloud services et comprenez l’architecture et le workflow de mise en œuvre des extensions d’interface utilisateur.
- Consultez Guides pour obtenir des informations générales sur l’extensibilité de l’interface utilisateur, notamment la configuration de l’environnement local, la prévisualisation locale, la publication et la gestion.
- Voir Concepts courants de la création d’extensions pour comprendre les principes de base requis pour développer une extension d’interface utilisateur pour le AEM Assets View.
- Ajoutez des panneaux latéraux personnalisés à l’interface Assets View. L’application hôte (Assets View) gère ces panneaux pour gérer les interactions de l’interface utilisateur, telles que le basculement et la liaison profonde. Les extensions utilisent le point d’extension
aem/assets/details/1pour intégrer des panneaux personnalisés qui spécifient des propriétés, telles que l’ID du panneau, le titre et l’URL du contenu. Les développeurs enregistrent des panneaux personnalisés avec la méthodegetPanels()et créent des itinéraires pour afficher du contenu personnalisé. Pour une implémentation détaillée, y compris les références d’API et des exemples de code, voir Vue des détails. - Configurez votre environnement local et créez votre première extension d’interface utilisateur pour découvrir de première main le processus de développement des extensions d’interface utilisateur dans Assets View. Voir Développement pas à pas de l’extension AEM Assets View pour plus d’informations.
- Configurez votre application à l’aide de l’interface de ligne de commande AIO pour générer la structure d’extension de base et le code requis. Pour plus d’informations, voir génération du code pour AEM Assets View.
- Testez vos extensions localement pour vous assurer qu’elles fonctionnent comme prévu avant le déploiement. Exécutez votre extension dans un environnement entièrement isolé ou partiellement isolé et connectez-la au AEM Assets View de production à des fins de test. Voir Dépannage - AEM Assets View extensibilité pour plus d’informations.