Aktivieren der Frontend-Pipeline

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, lesen Sie bitte die Tour zur schnellen Site-Erstellung, 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 zu verteilen.
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.