Prise en main de l’éditeur universel dans AEM getting-started
Découvrez comment accéder à l’éditeur universel et comment commencer à instrumenter votre première application AEM pour l’utiliser.
Bien qu’Universal Editor puisse modifier du contenu à partir de n’importe quelle source, ce document utilise une application AEM comme exemple. Ce document vous guidera tout au fil de ces étapes.
Instrumenter la page instrument-page
Le service de l’éditeur universel requiert un nom de ressource uniforme (URN) pour identifier et utiliser le système principal approprié pour le contenu de l’application en cours de modification. Par conséquent, un schéma URN est nécessaire pour mapper le contenu aux ressources de contenu.
Création de connexions connections
Les connexions utilisées dans l’application sont stockées sous la forme de balises <meta> dans la page <head>.
<meta name="urn:adobe:aue:<category>:<referenceName>" content="<protocol>:<url>">
-
<category>- Il s’agit d’une classification de la connexion avec deux options.system- Pour les points d’entrée de connexionconfig- Pour la définition des paramètres de configuration facultatifs
-
<referenceName>: il s’agit d’un nom court réutilisé dans le document pour identifier la connexion. Par exemple,aemconnection -
<protocol>: indique le plug-in de persistance du service de persistance de l’éditeur universel à utiliser. Par ex.aem -
<url>: il s’agit de l’URL vers le système où les modifications doivent être conservées. Par ex.http://localhost:4502
L’identifiant urn:adobe:aue:system représente la connexion à l’éditeur universel d’Adobe.
Les data-aue-resource utilisent le préfixe urn pour raccourcir l’identifiant.
data-aue-resource="urn:<referenceName>:<resource>"
<referenceName>: il s’agit de la référence nommée mentionnée dans la balise<meta>. Par ex.aemconnection<resource>: il s’agit d’un pointeur vers la ressource du système cible. Par ex., un chemin de contenu AEM tel que/content/page/jcr:content
Exemple de connexion example
<meta name="urn:adobe:aue:system:<referenceName>" content="<protocol>:<url>">
<html>
<head>
<meta name="urn:adobe:aue:system:aemconnection" content="aem:https://localhost:4502">
<meta name="urn:adobe:aue:system:fcsconnection" content="fcs:https://example.franklin.adobe.com/345fcdd">
</head>
<body>
<aside>
<ul data-aue-resource="urn:aemconnection:/content/example/list" data-aue-type="container">
<li data-aue-resource="urn:aemconnection:/content/example/listitem" data-aue-type="component">
<p data-aue-prop="name" data-aue-type="text">Jane Doe</p>
<p data-aue-prop="title" data-aue-type="text">Journalist</p>
<img data-aue-prop="avatar" src="https://www.adobe.com/content/dam/cc/icons/Adobe_Corporate_Horizontal_Red_HEX.svg" data-aue-type="image" alt="avatar"/>
</li>
...
<li data-aue-resource="urn:fcsconnection:/documents/mytext" data-aue-type="component">
<p data-aue-prop="name" data-aue-type="text">John Smith</p>
<p data-aue-resource="urn:aemconnection:/content/example/another-source" data-aue-prop="title" data-aue-type="text">Photographer</p>
<img data-aue-prop="avatar" src="https://www.adobe.com/content/dam/cc/icons/Adobe_Corporate_Horizontal_Red_HEX.svg" data-aue-type="image" alt="avatar"/>
</li>
</ul>
</aside>
</body>
</html>
Paramètres de configuration configuration-settings
Vous pouvez utiliser le préfixe config dans l’URL de votre connexion pour définir les points d’entrée de service et d’extension si nécessaire.
Si vous ne souhaitez pas utiliser le service Universal Editor, qui est hébergé par Adobe, mais votre propre version hébergée, vous pouvez le définir dans une balise META. Pour remplacer le point d’entrée de service par défaut fourni par Universal Editor, définissez votre propre point d’entrée de service :
- Nom de métadonnées -
urn:adobe:aue:config:service - Métadonnées -
content="https://adobe.com"(exemple)
<meta name="urn:adobe:aue:config:service" content="<url>">
Si vous souhaitez uniquement que certaines extensions soient activées pour une page, vous pouvez le définir dans une balise meta . Pour récupérer les extensions, définissez les points de fin d’extension :
- Nom méta :
urn:adobe:aue:config:extensions - Métadonnées :
content="https://adobe.com,https://anotherone.com,https://onemore.com"(exemple)
<meta name="urn:adobe:aue:config:extensions" content="<url>,<url>,<url>">
Vous pouvez désormais utiliser l’éditeur universel. youre-ready
Votre application est désormais instrumentée pour utiliser l’éditeur universel
Reportez-vous à Création de contenu avec l’éditeur universel et découvrez à quel point il est facile et intuitif pour les auteurs et autrices de créer du contenu à l’aide de l’éditeur universel.
Ressources supplémentaires additional-resources
Pour en savoir plus sur l’éditeur universel, consultez ces documents.
- Présentation de l’éditeur universel - Découvrez comment l’éditeur universel permet de modifier n’importe quel aspect d’un contenu dans n’importe quelle implémentation afin de fournir des expériences exceptionnelles, d’augmenter la vitesse du contenu et d’offrir une expérience de développement à la pointe de la technologie.
- Création de contenu avec l’éditeur universel - Découvrez à quel point il est facile et intuitif pour les créateurs et les créatrices de contenu de créer du contenu à l’aide de l’éditeur universel.
- Publication de contenu avec l’éditeur universel - Découvrez comment l’éditeur universel publie du contenu et comment vos applications peuvent gérer le contenu publié.
- Architecture de l’éditeur universel - Découvrez l’architecture de l’éditeur universel et le flux de données entre ses services et calques.
- Attributs et types - Découvrez les attributs et les types de données requis par l’éditeur universel.
- Authentification de l’éditeur universel - Découvrez comment l’éditeur universel s’authentifie.