Aktivieren der Frontend-Pipeline

Letzte Aktualisierung: 2023-11-18
  • Erstellt für:
  • Admin

Erfahren Sie, wie Sie die Frontend-Pipeline für vorhandene Sites aktivieren können, um Site-Designs zu nutzen und Ihre Site schneller anzupassen.

Übersicht

Die Frontend-Pipeline ist ein Mechanismus, der schnell nur den Frontend-Code Ihrer Websites bereitstellt, basierend auf Site-Designs und Site-Vorlagen.

Statt den Full-Stack bereitzustellen, wird nur Frontend-Code von dieser Pipeline verarbeitet, wodurch der Prozess schneller wird, und Frontend-Entwicklern ermöglicht wird, Ihre Site einfach und schnell anzupassen, ohne dass Kenntnisse über AEM erforderlich sind.

Sites, die auf Site-Vorlagen basieren, können standardmäßig die Frontend-Pipeline nutzen. In diesem Dokument wird beschrieben, wie Sie Ihre vorhandenen Sites anpassen können, um die Frontend-Pipeline nutzen zu können.

TIPP

Wenn Sie mit der Frontend-Pipeline und der schnellen Bereitstellung von Sites mithilfe dieser Pipeline und von Site-Vorlagen nicht vertraut sind, gehen Sie die Tour zur schnellen Site-Erstellung durch, die Ihnen eine Einführung bietet.

Wenn Sie Ihre vorhandene Site nicht auf der Grundlage von Site-Vorlagen und Designs erstellt haben, kann AEM Ihre Site so konfigurieren, dass die Designs, die mit der Frontend-Pipeline bereitgestellt werden, auf die vorhandenen Client-Bibliotheken geladen werden.

Technische Details

Wenn Sie die Frontend-Pipeline für eine Site aktivieren, nimmt AEM die folgenden Änderungen an Ihrer Site-Struktur vor.

  • Alle Seiten der Site enthalten eine zusätzliche CSS- und JS-Datei, die durch die Bereitstellung von Aktualisierungen über eine dedizierte Cloud Manager-Frontend-Pipeline geändert werden kann.
  • Die hinzugefügten CSS- und JS-Dateien sind anfangs leer, aber es kann ein „Design-Quellen“-Ordner heruntergeladen werden, um die Ordnerstruktur zu erstellen, die es ermöglicht, CSS- und JS-Code-Updates über diese Pipeline bereitzustellen.
  • Diese Änderung kann nur von einem Entwickler rückgängig gemacht werden, indem er die Knoten SiteConfig und HtmlPageItemsConfig löscht, die durch diesen Vorgang unterhalb von /conf/<site-name>/sling:configs entstehen.
HINWEIS

Durch diese Aktion werden die vorhandenen Client-Bibliotheken der Site nicht automatisch für die Verwendung der Frontend-Pipeline konvertiert. Das Verschieben dieser Quellen aus dem Client-Bibliotheksordner in den Frontend-Pipeline-Ordner ist eine Aufgabe, die von einem Frontend-Entwickler manuell durchgeführt werden muss.

Voraussetzungen

AEM kann Ihre vorhandene Site automatisch an die Frontend-Pipeline anpassen. Um dies zu erreichen, muss Ihre Site v2 oder neuer der Seitenkomponente der Kernkomponenten verwenden.

Aktivieren der Frontend-Pipeline

Die Aktivierung Ihrer Site erfolgt über die Sites-Konsole unter Verwendung der Site-Leiste.

  1. Melden Sie sich bei AEM an und gehen Sie über Globale Navigation > Sites zu Ihrer Site.

  2. Wählen Sie Ihre Site in der Konsole aus. Wählen Sie den Stamm der Site und keine untergeordneten Seiten aus.

  3. Wenn Ihre Site ausgewählt ist, öffnen Sie die Leistenauswahl auf der linken Seite und wählen Sie Site.

  4. Klicken Sie in der Leiste Site auf die Schaltfläche Frontend-Pipeline aktivieren.

    Frontend-Pipeline aktivieren

  5. AEM fordert Sie zur Bestätigung auf, wobei Sie einen Überblick über die vorzunehmenden Änderungen erhalten. Bestätigen Sie, und Ihre Site ist angepasst.

Jetzt kann Ihre Site die Frontend-Pipeline verwenden. Weitere Informationen zur Frontend-Pipeline und zur Verwaltung Ihres Site-Designs finden Sie unter:

Vorherige Seite
Next page

Auf dieser Seite