Aktivieren der Frontend-Pipeline enable-front-end-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 overview

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

Diese Pipeline verarbeitet nur Frontend-Code, wodurch der Bereitstellungsprozess schneller ist als Full-Stack-Bereitstellungen. Dadurch können Frontend-Entwickelnde Ihre Site einfach anpassen, ohne Kenntnisse über AEM zu benötigen.

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.

TIP
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.

AEM kann Ihre Site so konfigurieren, dass mit der Frontend-Pipeline bereitgestellte Designs geladen werden, selbst wenn Ihre Site nicht mit Site-Vorlagen und Designs erstellt wurde, indem sie diese auf vorhandenen Client-Bibliotheken ablegen.

Technische Details technical-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. Sie können jedoch einen Ordner „theme sources“ (Design-Quellen) herunterladen, um die notwendige Ordnerstruktur einzurichten, damit CSS- und JS-Code-Aktualisierungen über diese Pipeline bereitgestellt werden können.
  • Nur Entwickelnde können die Änderung rückgängig machen, indem sie die Knoten SiteConfig und HtmlPageItemsConfig löschen, die dieser Vorgang unter /conf/<site-name>/sling:configs erstellt.
NOTE
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 requirements

AEM kann Ihre vorhandene Site automatisch an die Frontend-Pipeline anpassen. Um diesen Workflow auszuführen, muss Ihre Site v2 oder neuer der Seitenkomponente der Kernkomponenten verwenden.

Aktivieren der Frontend-Pipeline enabling

IMPORTANT
Wenn Sie die Frontend-Pipeline zur Entwicklung von Sites verwenden bzw. verwenden möchten, muss zuvor die Cloud Manager-IP-Zulassungsliste hinzugefügt werden.
Siehe Verwenden der Cloud Manager-IP-Zulassungsliste mit 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 aus, keine untergeordneten Seiten.

  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 dies, und Ihre Site wird angepasst.

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

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