Komma igång med agenten för upplevelsemodernisering getting-started

Lär dig de första stegen för att snabbt bli produktiv med Experience Modernization Agent med Experience Modernization Console.

NOTE
Om du är intresserad av att använda Experience Modernization Console kan du begära åtkomst för att få en smidig introduktionsupplevelse.

Förbered en Edge Delivery GitHub-databas prepare-repo

NOTE
Använda ett AEM Sites- och Universal Editor-projekt? Följ installationsstegen för Komma igång för AEM Sites/Universal Editor.
  1. Välj en Edge Delivery Services-databas som ska användas med Experience Modernization Console.

  2. Kontrollera att AEM Code Connector är installerad i databasen.

    • Detta gör att konsolen kan inspektera koden.
  3. Kontrollera att AEM Code Sync GitHub-appen är installerad i databasen.

    • Detta gör att Edge Delivery Services kan synkronisera din kod.
    • Om ditt svar baseras på självstudiekursen är det här steget redan klart.

Öppna Experience Modernization Console open-console

  1. Navigera till aemcoder.adobe.io.
  2. Logga in med din Adobe ID.

Anslut din GitHub-databas connect-repo

Konsolen frågar efter en databas när du loggar in första gången.

Konsolens första inloggningsskärm

  1. Klicka på Anslut databas.
  2. Då öppnas appen AEM Code Connector på en ny webbläsarflik. Klicka på Auktorisera AEM Code Connector.
  3. Gå tillbaka till konsolen, välj Ägare, Databas och Grenval och klicka på Checka ut till arbetsyta.
    Ansluter till GitHub-projekt
  4. När du uppmanas att Ersätt befintlig arbetsyta klickar du på Ersätt arbetsyta.
    Ersätt befintlig arbetsyta

Ditt GitHub-projekt är nu anslutet till konsolen och du är på startskärmen.

Startsida för konsolen

Starta fråga start-prompting

Nu när konsolen har åtkomst till koden kan du börja fråga.

  1. För att komma igång kan du importera innehållet på en webbplats:

    • "Migrera sidan https://wknd-trendsetters.site."
  2. Detta importerar platsens innehåll.

    • Konsolen observerar olika problemområden och hanterar innehåll och presentation separat.
    • Den inledande importen av en webbplats innehåll kan ta flera minuter.
    • Konsolen ger dig kontinuerlig feedback när arbetet börjar, inklusive en översikt över de planerade stegen.
      Innehållsimport
  3. När webbplatsen har importerats visas sidorna på panelen Workspace. Markera en sida om du vill förhandsgranska den på den högra panelen.
    Innehåll importerat

  4. Nu när du har innehåll kan du be om att importera formaten från samma källa.

    • "Importera allmänna format från https://wknd-trendsetters.site."
  5. Precis som med den ursprungliga innehållsimporten kan importen ta flera minuter och konsolen ger feedback när din begäran behandlas och formaten importeras. När aktiviteten är klar klickar du på Uppdatera förhandsvisning på den högra panelen för att visa det formaterade innehållet.
    Format importerade

Nu har du importerat både innehåll och format till konsolen.

TIP
Se frågeguiden för mer information om hur du kan fråga agenten och vad dess kunskaper kan göra.

Överför innehåll upload-content

TIP
Om du arbetar med ett AEM Sites- och Universal Editor-projekt fungerar överföringen av innehåll till AEM något annorlunda. Se Komma igång med Experience Modernization Agent for AEM Sites/Universal Editor Projects för specifika överföringsanvisningar.

Så här överför du ditt innehåll till Dokumentredigering:

  1. Kontrollera att du är i vyn Innehåll och klicka sedan på knappen Överför innehåll överst till höger.

    • Som standard är du i vyn Innehåll när du öppnar konsolen.
    • Din vy indikeras av den markerade ikonen i sidlisten på vänster sida av konsolen.
  2. Dialogrutan Överför innehåll öppnas med målorganisationen och repo är ifylld från din fstab.yaml.

    • Om fstab.yaml inte finns i din anslutna databas måste du ange din organisation och databas manuellt.
    • Om du använde mallsidan anges fstab.yaml.
  3. Markera de filer som du vill överföra och klicka på Överför.
    Dialogrutan Överför innehåll

  4. Konsolen anger överföringsprocessen genom att gråta knappen Överför.
    Överför

  5. När det är klart visas ett meddelande längst ned på konsolen.
    Visa i AEM

Om du vill komma åt det överförda innehållet i dokumentredigering kan du klicka på Visa i AEM i meddelandet när överföringen är klar, eller navigera till https://da.live/#/{organization}/{repository}.

Innehåll i dokumentredigering

Ditt importerade innehåll är nu i dokumentredigering.

Push-kodändringar push-code-changes

När du är nöjd med de ändringar du har gjort i koden kan du överföra dem till din GitHub-databas.

  1. Växla till vyn Kod (</> ikon i det vänstra sidfältet) och sedan fliken Git Changes (fililikon längst upp till höger).
    Kodvyn
  2. Om vissa filer visas som ej spårade i listan över ändrade filer klickar du på knappen + för att mellanlagra dem.
  3. Klicka på knappen GitHub-åtgärder längst upp till höger och välj sedan Push i listrutan.
  4. I dialogrutan Push changes väljer du att överföra ändringar till en ny PR (standard) eller den aktuella grenen och klickar sedan på Confirm för att skicka ändringarna.
    • Om du är osäker kan du flytta till den aktuella grenen för att göra det enkelt.
  5. När det är klart visas ett meddelande längst ned på konsolen.
    Visa PR

Om du vill ha direktåtkomst till de push-ändringar som gjorts i GitHub klickar du på Visa PR i meddelandet när push-åtgärden har slutförts.

Kod i GitHub

Din kod finns nu i GitHub.

Förhandsgranska webbplats preview-site

Så här visar du ändringarna i förhandsvisningsmiljön:

  1. Gå tillbaka till Dokumentredigering.

    • Det kan fortfarande vara öppet på en webbläsarflik som du har öppnat efter att du klickat på Visa i AEM när du har överfört innehållet.
    • Eller navigera till https://da.live/#/{organization}/{repository}
  2. Öppna en av sidorna som du tidigare överförde till AEM.

  3. Klicka på pappersplansikonen (överst till höger) och välj Förhandsgranska.
    Publicera för förhandsgranskning

Grattis! Ditt migrerade innehåll och format finns nu i AEM förhandsvisningsmiljö.

Publicerat förhandsgranskningsinnehåll

Om du har överfört koden till en annan gren än main visas inte formaten i den förhandsgranskning som har öppnats från Dokumentredigering. Ändra till grenen genom att uppdatera URL:en för förhandsgranskningen så att du kan se dina format.

Ytterligare resurser additional-resources

Följande dokument kan vara användbara när du fortsätter att utforska Experience Modernization Agent och dess konsol.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab