Bereitstellen eines benutzerdefinierten Designs

Erfahren Sie, wie Sie das Design der Site mithilfe der Pipeline bereitstellen.

Die bisherige Entwicklung

Im vorherigen Dokument der Tour zu AEM Quick Site Creation, Anpassen des Site-Designs, haben Sie gelernt, wie das Design erstellt wird, wie es angepasst wird und wie es mithilfe von AEM-Live-Inhalten getestet wird. Jetzt sollten Sie:

  • Die grundlegende Struktur des Site-Designs und dessen Bearbeitung verstehen.
  • Verstehen, wie Sie Ihre Design-Anpassungen mit echten AEM-Inhalten über einen lokalen Proxy testen können.
  • Wissen, wie Sie Ihre Änderungen in das AEM Git-Repository übertragen.

Sie können jetzt den letzten Schritt ausführen und die Pipeline verwenden, um diese bereitzustellen.

Ziel

In diesem Dokument wird erläutert, wie Sie das Design mithilfe der Pipeline implementieren. Nach dem Lesen sollten Sie:

  • Wissen, wie Sie eine Pipeline-Implementierung auslösen können.
  • Verstehen, wie Sie den Implementierungsstatus überprüfen.

Verantwortliche Rolle

Dieser Teil der Journey gilt für Frontend-Entwickler.

Starten der Pipeline

Nachdem Sie die Design-Anpassung am AEM-Git-Repository vorgenommen haben, können Sie die vom Administrator erstellte Pipeline ausführen, um die Änderungen zu implementieren.

  1. Melden Sie sich bei Cloud Manager wie beim Abrufen Ihrer Git-Zugriffsinformationen an und greifen Sie auf Ihr Programm zu. Auf der Registerkarte Übersicht sehen Sie eine Karte für Pipelines.

    Übersicht über Cloud Manager

  2. Tippen oder klicken Sie auf die Auslassungspunkte neben der Pipeline, die Sie starten müssen. Wählen Sie im Dropdown-Menü Ausführen.

    Pipeline ausführen

  3. Im Bestätigungsdialogfeld Pipeline ausführen tippen oder klicken Sie auf Ja.

    Pipeline-Ausführung bestätigen

  4. In der Liste der Pipelines zeigt die Spalte „Status“ an, dass die Pipeline jetzt ausgeführt wird.

    Pipeline-Ausführungsstatus

Überprüfen des Pipeline-Status

Sie können den Status der Pipeline überprüfen, um sich über die Details des Fortschritts zu informieren.

  1. Tippen oder klicken Sie auf die Auslassungspunkte neben Ihrer Pipeline.

    Pipeline-Details anzeigen

  2. Das Pipeline-Detailfenster zeigt die Aufschlüsselung des Pipeline-Fortschritts an.

    Pipeline-Details

TIPP

Im Fenster „Pipeline-Details“ können Sie auf Protokolle herunterladen tippen oder klicken, um jeden Schritt der Pipeline für die Fehlerbehebung anzuzeigen, falls einer der Schritte fehlschlagen sollte. Das Debuggen der Pipeline würde den Rahmen dieser Tour sprengen. Die technischen Dokumente für Cloud Manager finden Sie im Abschnitt Zusätzliche Ressourcen dieser Seite.

Überprüfen der implementierten Anpassungen

Sobald die Pipeline abgeschlossen ist, können Sie den Administrator bitten, die Änderungen zu validieren. Der Administrator wird dann:

  1. Die AEM-Authoring-Umgebung öffnen.
  2. Navigieren Sie zu der zuvor vom Administrator erstellte Seite.
  3. Bearbeiten Sie eine der Inhaltsseiten.
  4. Sehen Sie sich die angewendeten Änderungen an.

Angewendete Änderungen

Tour beendet?

Herzlichen Glückwunsch! Sie haben die AEM-Journey zur schnellen Site-Erstellung abgeschlossen! Sie sollten jetzt:

  • Wissen, wie Cloud Manager und die Frontend-Pipeline bei der Verwaltung und Bereitstellung von Frontend-Anpassungen funktionieren.
  • Wissen, wie Sie eine AEM-Site basierend auf einer Vorlage erstellen und wie Sie das Sitedesign herunterladen.
  • Gelernt haben, wie Sie einen Frontend-Entwickler hinzufügen, damit er auf das AEM-Git-Repository zugreifen kann.
  • Das Design mit AEM-Proxy-Inhalt anpassen und testen und diese Änderungen an AEM-Git übertragen können.
  • Die Frontend-Anpassung mithilfe der Pipeline bereitstellen können.

Sie können jetzt die Designs Ihrer eigenen AEM-Site anpassen. Bevor Sie jedoch mit der Erstellung verschiedener Workflows mit mehreren Frontend-Pipelines beginnen, lesen Sie das Dokument Entwickeln von Sites mit der Frontend-Pipeline. Damit können Sie die Frontend-Entwicklung wie folgt optimal nutzen:

  • Pflegen einer einzigen Quelle für Daten.
  • Aufrechterhalten einer Trennung von Interessen.

AEM ist ein leistungsfähiges Tool, und es stehen viele zusätzliche Optionen zur Verfügung. Schauen Sie sich einige der zusätzlichen Ressourcen an, die im Abschnitt Zusätzliche Ressourcen verfügbar sind, um mehr über die Funktionen zu erfahren, die Sie während dieser Tour gesehen haben.

Zusätzliche Ressourcen

Im Folgenden finden Sie einige zusätzliche Ressourcen, die näher auf einige der in diesem Dokument erwähnten Konzepte eingehen.

  • Verwenden der Site-Leiste zum Verwalten Ihres Site-Designs: Erfahren Sie mehr über die leistungsstarken Funktionen der Site-Leiste, mit denen Sie Ihr Site-Design einfach anpassen und verwalten können, einschließlich des Herunterladens von Design-Quellen und der Verwaltung von Design-Versionen.
  • AEM as a Cloud Service – Technische Dokumentation – Wenn Sie bereits über ein solides Verständnis von AEM verfügen, können Sie direkt unsere ausführlichen technischen Dokumente hinzuziehen.
  • Dokumentation zu Cloud Manager – Wenn Sie an weiteren Details zu den Funktionen von Cloud Manager interessiert sind, sollten Sie sich die ausführlichen technischen Dokumente direkt ansehen.
  • Rollenbasierte Berechtigungen: Cloud Manager verfügt über vorkonfigurierte Rollen mit entsprechenden Berechtigungen. Weitere Informationen zu diesen Rollen und deren Verwaltung finden Sie in diesem Dokument.
  • Cloud Manager-Repositorys – Weitere Informationen zum Einrichten und Verwalten von Git-Repositorys für Ihr AEMaaCS-Projekt finden Sie in diesem Dokument.
  • Konfigurieren der CI/CD-Pipeline – Cloud Services – Weitere Informationen zum Einrichten von Pipelines, sowohl für den vollständigen Stapel als auch für das Frontend, finden Sie in diesem Dokument.
  • AEM-Standard-Site-Vorlage – Dies ist das GitHub-Repository der AEM-Standard-Site-Vorlage.
  • AEM-Sitedesign – Dies ist das GitHub-Repository des AEM-Sitedesigns.
  • npm - AEM-Designs, die zum schnellen Erstellen von Sites verwendet werden, die auf nmp basieren.
  • Webpack – AEM-Designs, die zum schnellen Erstellen von Sites verwendet werden, basieren auf Webpack.
  • Erstellen und Organisieren von Seiten – In diesem Handbuch wird beschrieben, wie Sie Seiten Ihrer AEM-Site verwalten, wenn Sie sie nach der Erstellung aus der Vorlage weiter anpassen möchten.
  • Arbeiten mit Paketen – Pakete ermöglichen den Import und Export von Repository-Inhalten. In diesem Dokument wird erläutert, wie Sie mit Paketen in AEM 6.5 arbeiten. Dies gilt auch für AEMaaCS.
  • Onboarding-Journey – Dieses Handbuch dient als Ausgangspunkt, um sicherzustellen, dass Ihre Teams eingerichtet sind und Zugriff auf AEM as a Cloud Service haben.
  • Dokumentation zu Adobe Experience Manager Cloud Manager – Vollständige Details zu den Funktionen finden Sie in der Dokumentation zu Cloud Manager.
  • Dokumentation zur Site-Administration – Weitere Informationen zu den Funktionen des Tools für die schnelle Site-Erstellung finden Sie in den technischen Dokumenten zur Site-Erstellung.
  • Entwickeln von Sites mit der Frontend-Pipeline – In diesem Dokument werden einige Überlegungen beschrieben, die Sie beachten sollten, um das gesamte Potenzial des Frontend-Entwicklungsprozesses mithilfe der Frontend-Pipeline optimal zu nutzen.

Auf dieser Seite