Show Menu
SUJETS×

Utilisation de fragments d’expérience

Cette page aborde les sujets suivants :
  • Présentation
  • Utilisation de fragments d’expérience dans AEM Screens
  • Propagation des modifications apportées à la page

Présentation

Un fragment d’expérience est un groupe d’un ou plusieurs composants comprenant un contenu et une disposition pouvant être référencés dans les pages. Les fragments d’expérience peuvent contenir n’importe quel composant, par exemple, un ou plusieurs composants pouvant contenir un élément dans un système de paragraphes, qui sera référencé dans l’expérience complète ou demandé par un point de terminaison tiers.

Utilisation de fragments d’expérience dans AEM Screens

L’exemple ci-dessous utilise We.Retail comme projet de démonstration : le fragment d’expérience issu d’une page Sites est appliqué à un projet AEM Screens.
Par exemple, le workflow ci-après illustre l’utilisation de fragments d’expérience de We.Retail dans Sites. Vous pouvez choisir une page web et utiliser son contenu dans votre canal AEM Screens dans l’un de vos projets.

Conditions préalables

Création d’un projet de démonstration avec un canal
Création d’un projet
  1. Cliquez sur Créer un projet Screens pour créer un projet.
  2. Saisissez le titre DemoProject .
  3. Cliquez sur Enregistrer .
Un DemoProject sera ajouté à AEM Screens.
Création d’un canal
  1. Accédez au projet DemoProject que vous avez créé et sélectionnez le dossier Channels (Canaux).
  2. Cliquez sur Créer dans la barre d’actions pour ouvrir l’assistant.
  3. Sélectionnez le modèle Canal de séquence dans l’assistant et cliquez sur Suivant .
  4. Saisissez le titre TestChannel et cliquez sur Créer .
Un TestChannel sera ajouté à votre DemoProject .

Création d’un fragment d’expérience

Suivez les étapes ci-dessous pour réutiliser le contenu de We.Retail dans votre canal TestChannel de DemoProject .
  1. Accédez à une page Sites dans We.Retail
    1. Accédez à Sites, puis sélectionnez We.Retail In-Store (En magasin) -> Channels (Canaux) -> Idle channel - Night (Canal inactif - nuit) et enfin cette page afin de l’utiliser comme fragment d’expérience pour votre canal Screens.
    2. Cliquez sur Modifier dans la barre d’actions pour ouvrir la page que vous souhaitez utiliser comme fragment d’expérience pour votre canal Screens.
  2. Réutilisation du contenu
    1. Sélectionnez le fragment à inclure dans votre canal.
    2. Cliquez sur la dernière icône à droite pour ouvrir la boîte de dialogue Convertir en fragment d’expérience .
  3. Création d’un fragment d’expérience
    1. Choisissez l’ action Créer un fragment d’expérience .
    2. Sélectionnez le Chemin d’accès parent .
    3. Sélectionnez le Modèle . Choisissez le modèle Fragment d’expérience – Variation Screens ici.
    4. Saisissez le Titre du fragment ScreensFragment .
    5. Cliquez sur la coche pour terminer la création d’un fragment d’expérience.
  4. Création d’une Live Copy du fragment d’expérience
    1. Accédez à la page d’accueil d’AEM.
    2. Sélectionnez Fragments d’expérience et mettez en surbrillance ScreensFragment . Cliquez ensuite sur Variation comme Live Copy , comme illustré ci-dessous :
    c. Sélectionnez le fragment ScreensFragment depuis l’assistant Créer une Live Copy , puis cliquez sur Suivant .
d. Saisissez le Titre et le Nom Screens .
e. Cliquez sur Créer pour créer la Live Copy.
f. Cliquez sur Terminé pour revenir à la page ScreensFragment .
Après avoir créé le fragment Screens, vous pouvez en modifier les propriétés. Sélectionnez le fragment et cliquez sur Propriétés dans la barre d’actions.
Modification des propriétés d’un fragment Screens
  1. Accédez au fragment ScreensFragment (que vous avez créé lors des étapes précédentes) et cliquez sur Propriétés dans la barre d’actions.
  2. Sélectionnez l’onglet Configuration hors ligne , comme illustré ci-dessous.
Vous pouvez ajouter les bibliothèques côté client (java et css) et les fichiers statiques à votre fragment d’expérience.
L’exemple ci-dessous illustre l’ajout de bibliothèques côté client et de polices en tant que fichiers statiques au fragment d’expérience.
  1. Utilisation du fragment d’expérience comme composant dans un canal Screens
    1. Accédez au canal Screens où vous souhaitez utiliser le fragment Screens .
    2. Sélectionnez le canal TestChannel et cliquez sur Modifier dans la barre d’actions.
    3. Cliquez sur l’icône des composants dans l’onglet latéral.
    4. Faites glisser le fragment d’expérience et déposez-le dans votre canal.
    e. Sélectionnez le composant Fragment d’expérience , puis l’icône en haut à gauche (clé) pour ouvrir la boîte de dialogue Fragment d’expérience .
    f. Sélectionnez la Live Copy Screens du fragment que vous avez créé à l’ étape 3 dans le champ Chemin d’accès .
    f. Sélectionnez la Live Copy Screens du fragment que vous avez créé à l’ étape 3 dans le champ Fragment d’expérience .
    h. Saisissez la valeur en millisecondes dans Durée .
i. Sélectionnez la Configuration hors ligne dans la boîte de dialogue Fragments d’expérience pour définir les bibliothèques côté client et les fichiers statiques.
Si vous souhaitez ajouter des bibliothèques côté client ou des fichiers statiques à ce que vous avez configuré à l’étape (4), vous pouvez les ajouter à partir de l’onglet Configuration hors ligne de la boîte de dialogue Fragment d’expérience .
j. Cliquez sur la coche pour terminer le processus.

Validation du résultat

Une fois les étapes précédentes terminées, vous pouvez valider le fragment d’expérience dans ChannelOne en :
  1. accédant à TestChannel  ;
  2. sélectionnant l’ Aperçu dans la barre d’actions.
Vous verrez le contenu de la page Sites (Live Copy du fragment d’expérience) dans votre canal, comme illustré ci-dessous :

Propagation des modifications apportées à la page

Une Live Copy désigne la copie (de la source), gérée par des actions de synchronisation telles que définies par les configurations de déploiement.
Comme le fragment d’expérience que nous avons créé est une Live Copy de pages Sites , si vous apportez des modifications à ce fragment depuis le gabarit, vous verrez les modifications sur votre canal ou la destination où vous avez utilisé le fragment d’expérience.
Pour plus d’informations sur les Live Copy, voir Réutilisation de contenu : Multi Site Manager et Live Copy.
Pour propager les modifications du canal principal vers votre canal de destination :
  1. Sélectionnez le fragment d’expérience sur la page Sites (gabarit) et cliquez sur l’icône en forme de crayon pour modifier les éléments du fragment d’expérience.
  2. Sélectionnez le fragment d’expérience et cliquez sur l’icône en forme de clé pour ouvrir la boîte de dialogue permettant de modifier les images.
  3. La boîte de dialogue Grille de produits apparaît.
  4. Vous pouvez modifier n’importe quelle image. Par exemple, ici, la première image est remplacée dans ce fragment.
  5. Sélectionnez le fragment d’expérience et cliquez sur l’icône Déploiement pour propager les modifications sur le fragment utilisé dans votre canal.
  6. Cliquez sur Déployer pour confirmer les modifications.
    Vous verrez que les modifications sont appliquées.

Validation des modifications

Pour confirmer les modifications dans votre canal, procédez comme suit :
  1. Accédez à Screens -> Channels (Canaux) -> TestChannel .
  2. Cliquez sur Aperçu dans la barre d’actions pour confirmer les modifications.
L’image suivante illustre les modifications apportées à votre canal TestChannel :