DokumentationAEM as a Cloud ServiceBenutzerhandbuch

Erste Schritte mit dem Experience Modernization Agent getting-started

Last update: Fri Mar 13 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Gilt für:
  • Experience Manager as a Cloud Service

Erstellt für:

  • Benutzende
  • Admin
  • Entwickler

Erfahren Sie mehr über die ersten Schritte mit dem Experience Modernization Agent und der Experience Modernization Console.

NOTE
Wenn Sie an der Verwendung der Experience Modernization Console interessiert sind, können Sie den Zugriff über Ihren Account Manager anfordern, um ein reibungsloses Onboarding-Erlebnis zu gewährleisten.

Vorbereiten eines Edge Delivery GitHub-Repositorys prepare-repo

NOTE
Verwenden eines AEM Sites- und universellen Editor-Projekts? Führen ​ die Einrichtungsschritte unter „Erste Schritte mit dem AEM Sitesuniversellen Editor“ aus.

  1. Wählen Sie ein Edge Delivery Services-Repository zur Verwendung mit der Experience Modernization Console aus.

  2. Stellen Sie sicher, dass der AEM Code Connector im Repository installiert ist.

    • Dadurch kann die Konsole Ihren Code überprüfen.

  3. Stellen Sie sicher, dass die AEM Code Sync GitHubApp im Repository installiert ist.

    • Dadurch kann Edge Delivery Services Ihren Code synchronisieren.
    • Wenn Ihr Repository auf dem Tutorial basiert, ist dieser Schritt bereits abgeschlossen.

Öffnen der Experience Modernization Console open-console

  1. Navigieren Sie zu aemcoder.adobe.io.
  2. Melden Sie sich mit Ihrer Adobe ID an.

Verbinden Ihres GitHub-Repositorys connect-repo

Die Konsole fordert Sie bei der ersten Anmeldung zur Angabe eines Repositorys auf.

Erster Anmeldebildschirm der Konsole

  1. Klicken Sie auf Repository verbinden.
  2. Dadurch wird die AEM Code Connector-App auf einer neuen Browser-Registerkarte geöffnet. Klicken Sie AEM Code Connector autorisieren.
  3. Wählen Sie zurück in der Konsole Inhaber, Repository und Verzweigungsauswahl und klicken Sie auf In Arbeitsbereich auschecken.
    Verbindung zum GitHub-Projekt herstellen
  4. Wenn Sie aufgefordert werden „Vorhandenen Arbeitsbereich ersetzen, klicken Sie auf Arbeitsbereich ersetzen.
    Vorhandenen Arbeitsbereich ersetzen

Ihr GitHub-Projekt ist jetzt mit der Konsole verbunden und Sie befinden sich auf dem Startbildschirm.

Konsole - Startseite

Eingabeaufforderung starten start-prompting

Jetzt, da Ihre Konsole auf Ihren Code zugreifen kann, können Sie mit der Eingabeaufforderung beginnen.

  1. Zu Beginn können Sie den Inhalt einer Site importieren:

    • „Migrieren Sie die https://wknd-trendsetters.site.“

  2. Dadurch wird der Inhalt der Site importiert.

    • Die Konsole beobachtet die Trennung von Belangen und verarbeitet Inhalte und Präsentation separat.
    • Der erste Import des Inhalts einer Site kann mehrere Minuten dauern.
    • Die Konsole bietet Ihnen laufendes Feedback zu Beginn ihrer Arbeit, einschließlich eines Überblicks über die geplanten Schritte.
      Content-Import

  3. Nachdem die Site importiert wurde, werden die Seiten im Bedienfeld Workspace angezeigt. Wählen Sie eine Seite aus, um sie im rechten Bedienfeld in der Vorschau anzuzeigen.
    Inhalt importiert

  4. Nachdem Sie nun über Inhalte verfügen, können Sie auffordern, die Stile aus derselben Quelle zu importieren.

    • „Importieren Sie die allgemeinen Stile aus https://wknd-trendsetters.site.“

  5. Wie beim ersten Inhaltsimport kann der Import mehrere Minuten dauern. Die Konsole gibt Feedback bei der Verarbeitung Ihrer Anfrage und beim Importieren der Stile. Sobald die Aufgabe abgeschlossen ist, klicken Sie im rechten Bedienfeld Vorschau aktualisieren, um den formatierten Inhalt anzuzeigen.
    Stile importiert

Jetzt haben Sie sowohl den Inhalt als auch die Stile in die Konsole importiert.

TIP
Lesen Sie die Anleitung zur Eingabeaufforderung um weitere Ideen dazu zu erhalten, wie der Agent aufgefordert werden kann und welche Fähigkeiten er haben kann.

Inhalt hochladen upload-content

TIP
Wenn Sie an einem AEM Sites- und einem universellen Editor-Projekt arbeiten, funktioniert das Hochladen von Inhalten in AEM etwas anders. Spezifische Upload-​ finden Sie unter „Erste Schritte mit dem Experience Modernization Agent für AEM Sites/Universal Editor ​".

So laden Sie Ihre Inhalte in Dokumenterstellung hoch:

  1. Stellen Sie sicher, dass Sie sich in der Inhalt befinden, und klicken Sie dann oben rechts auf Schaltfläche Inhalt hochladen.

    • Standardmäßig befinden Sie sich in der Content-Ansicht, wenn Sie die Konsole aufrufen.
    • Ihre Ansicht wird durch das hervorgehobene Symbol in der Seitenleiste auf der linken Seite der Konsole angezeigt.

  2. Das Dialogfeld Inhalt hochladen wird mit der Ziel-Organisation und dem Repository geöffnet, die aus Ihrer fstab.yaml vorausgefüllt sind.

    • Wenn in Ihrem verbundenen Repository keine fstab.yaml vorhanden ist, müssen Sie Ihre Organisation“ „Repository manuell.
    • Wenn Sie das Textbaustein verwendet haben, wird ein fstab.yaml bereitgestellt.

  3. Wählen Sie die Dateien aus, die Sie hochladen möchten, und klicken Sie auf Hochladen.
    Dialogfeld „Inhalt hochladen“

  4. Die Konsole zeigt den Upload-Prozess durch Ausgrauen der Schaltfläche Hochladen an.
    Upload

  5. Nach Abschluss des Vorgangs wird unten in der Konsole eine Benachrichtigung angezeigt.
    In AEM anzeigen

Um auf die hochgeladenen Inhalte in der Dokumenterstellung zuzugreifen, klicken Sie optional auf In AEM anzeigen in der Benachrichtigung, wenn der Upload abgeschlossen ist, oder navigieren Sie zu https://da.live/#/{organization}/{repository}.

Inhalt beim Erstellen von Dokumenten

Ihr importierter Inhalt befindet sich jetzt in der Dokumenterstellung.

Push-Code-Änderungen push-code-changes

Sobald Sie mit den Änderungen zufrieden sind, die Sie an Ihrem Code vorgenommen haben, können Sie sie an Ihr GitHub-Repository pushen.

  1. Wechseln Sie zur Code-Ansicht (</>-Symbol in der linken Seitenleiste) und dann zur Registerkarte Git-" (Verzweigungs-Symbol oben rechts).
    Code-Ansicht
  2. Wenn in der Liste der geänderten Dateien einige Dateien als nicht verfolgt angezeigt werden, klicken Sie auf ihre +-Schaltfläche, um sie bereitzustellen.
  3. Klicken Sie oben rechts auf GitHub Aktionen“ und wählen Sie dann Push aus der Dropdown-Liste aus.
  4. Wählen Dialogfeld „Änderungen Push übertragen“, um Änderungen an eine neue PR (Standard) oder die aktuelle Verzweigung zu pushen, und klicken Sie auf Bestätigen, um sie zu pushen.
    • Im Zweifelsfall können Sie zum aktuellen Zweig pushen, um die Dinge einfach zu halten.
  5. Nach Abschluss des Vorgangs wird unten in der Konsole eine Benachrichtigung angezeigt.
    Anzeigen von PR

Wenn Sie direkt auf die gepushten Änderungen in GitHub zugreifen möchten, klicken Sie auf PR anzeigen in der Benachrichtigung, wenn die Push-Benachrichtigung abgeschlossen ist.

Code in GitHub

Ihr Code befindet sich jetzt in GitHub.

Site-Vorschau preview-site

So zeigen Sie die Änderungen in der Vorschau-Umgebung an:

  1. Zurück zur Dokumenterstellung.

    • Möglicherweise ist sie weiterhin in einer Browser-Registerkarte geöffnet, die Sie nach dem Hochladen des Inhalts durch Klicken In AEM anzeigen geöffnet haben.
    • Oder navigieren Sie zu https://da.live/#/{organization}/{repository}

  2. Öffnen Sie eine der Seiten, die Sie zuvor in AEM hochgeladen haben.

  3. Klicken Sie oben rechts auf das Papierebenensymbol und wählen Sie Vorschau aus.
    In Vorschau veröffentlichen

Herzlichen Glückwunsch! Ihre migrierten Inhalte und Stile sind jetzt in der AEM-Vorschauumgebung verfügbar.

Veröffentlichte Vorschauinhalte

Wenn Sie den Code an eine andere Verzweigung als main gepusht haben, werden die Stile in der aus der Dokumenterstellung geöffneten Vorschau nicht angezeigt. Wechseln Sie zur Verzweigung, indem Sie die URL der Vorschau aktualisieren, damit Ihre Stile angezeigt werden.

Zusätzliche Ressourcen additional-resources

Die folgenden Dokumente können nützlich sein, wenn Sie den Experience Modernization Agent und seine Konsole weiter erkunden.

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