Prise en main de l’agent de modernisation de l’expérience getting-started

Sélectionnez un référentiel 🔗 à utiliser avec la console de modernisation de l’expérience.

• Il peut s’agir d’un projet Edge Delivery Services existant ou vous pouvez en créer un en suivant le tutoriel de développement developer tutorial à l’aide du boilerplate repository.

Assurez-vous que le AEM Code Connector est installé dans le référentiel.

• Cela permet à la console d’inspecter votre code.

Assurez-vous que l’application GitHub de synchronisation du code ​ est installée dans le référentiel.

• Cela permet à Edge Delivery Services de synchroniser votre code.
• Si votre référentiel est basé sur le tutoriel, cette étape est déjà terminée.

Pour commencer, vous pouvez importer le contenu d’un site :

• « Migrer la page https://wknd-trendsetters.site. »

Le contenu du site est ainsi importé.

• La console observe une séparation des préoccupations et gère le contenu et la présentation séparément.
• L’importation initiale du contenu d’un site peut prendre plusieurs minutes.
• La console vous présente des commentaires au fur et à mesure qu’elle commence son travail, y compris un aperçu de ses étapes planifiées.
  

Une fois le site importé, le panneau ​​affiche les pages. Sélectionnez une page pour la prévisualiser dans le panneau de droite.

Maintenant que vous disposez de contenu, vous pouvez demander à importer les styles à partir de la même source.

• « Importez les styles généraux à partir de https://wknd-trendsetters.site. »

Comme pour l’importation de contenu initiale, l’importation peut prendre plusieurs minutes et la console fournit des commentaires pendant le traitement de votre demande et l’importation des styles. Une fois la tâche terminée, cliquez sur Actualiser l’aperçu dans le panneau de droite pour afficher le contenu stylisé.

Assurez-vous que vous êtes dans une vue Contenu, puis cliquez sur le bouton Charger le contenu en haut à droite.

• Par défaut, vous êtes dans la vue Contenu lorsque vous accédez à la console.
• Votre affichage est indiqué par l’élément de sélecteur d’affichage sélectionné dans la zone de l’espace de travail de la console.

La boîte de dialogue Télécharger le contenu s’ouvre avec l’organisation de destination et le référentiel préremplis à partir des paramètres de votre projet.

• Si un fstab.yaml n’est pas présent dans votre référentiel connecté, vous devez saisir manuellement les valeurs Organisation et Référentiel…
• Si vous avez utilisé la plaque chauffante, un fstab.yaml est fourni.

Sélectionnez les fichiers à charger, puis cliquez sur Charger.

La console indique le processus de chargement en désactivant le bouton Charger.

Une fois l’opération terminée, une notification s’affiche au bas de la console.

• En cas de doute, vous pouvez pousser vers la branche actuelle pour garder les choses simples.

Revenez à la création de documents.

• Il se peut qu’il soit toujours ouvert dans un onglet du navigateur que vous avez ouvert après avoir cliqué sur Afficher dans AEM après avoir chargé le contenu.
• Ou accédez à https://da.live/#/{organization}/{repository}

Ouvrez l’une des pages que vous avez précédemment chargées dans AEM.

Cliquez sur l’icône du plan de papier (en haut à droite) et sélectionnez Aperçu.