Aktivieren der Frontend-Pipeline für den standardmäßigen AEM-Projektarchetyp

Letzte Aktualisierung: 26. Juni 2025
  • Gilt für:
  • Experience Manager as a Cloud Service

Erstellt für:

  • Fortgeschrittener
  • Entwickler
  • Admin
TIPP
Haben Sie schon Edge Delivery Services für AEM in Betracht gezogen?
Sie können die in diesem Dokument beschriebenen Methoden für bestehende Projekte weiter verwenden. Für neue Projekte empfiehlt Adobe jedoch die Verwendung von Edge Delivery Services.

Erfahren Sie, wie Sie das AEM-WKND-Sites-Projekt (auch als Standard-AEM-Projekt bezeichnet) aktivieren, das mithilfe des AEM-Projektarchetyps erstellt wurde, um Frontend-Ressourcen wie CSS, JavaScript, Schriftarten und Symbole über eine Frontend-Pipeline bereitzustellen und so einen schnelleren Entwicklungs-Bereitstellungs-Zyklus zu ermöglichen. Ferner geht es um die Trennung der Frontend-Entwicklung von der Full-Stack-Backend-Entwicklung in AEM. Außerdem erfahren Sie, dass diese Frontend-Ressourcen nicht aus dem AEM-Repository, sondern aus dem CDN bereitgestellt werden, was eine Änderung des Bereitstellungsparadigmas bedeutet.

In Adobe Cloud Manager wird eine neue Frontend-Pipeline erstellt, die ui.frontend-Artefakte nur erstellt und dem integrierten CDN bereitstellt und AEM über den entsprechenden Speicherort informiert. In AEM verweisen während der HTML-Erstellung der Web-Seite die Tags <link> und <script> auf diesen Artefaktspeicherort im Attributwert href.

Nach der Nach der Konversion des AEM-Projekts „WKND Sites“ können die Frontend-Entwicklerinnen und -Entwickler getrennt von und parallel zu jeder Full-Stack-Backend-Entwicklung in AEM arbeiten, die über eigene Bereitstellungs-Pipelines verfügt.

WICHTIG
Im Allgemeinen wird die Frontend-Pipeline normalerweise mit der schnellen Site-Erstellung von AEM verwendet. Weitere Informationen hierzu finden Sie im entsprechenden Tutorial Erste Schritte mit AEM Sites – Schnelle Site-Erstellung. In diesem Tutorial und den zugehörigen Videos wird immer wieder darauf verwiesen, damit die feinen Unterschiede beachtet werden. Anhand von direkten oder indirekten Vergleichen werden wichtige Konzepte erklärt.

Ein damit zusammenhängendes mehrstufiges Tutorial führt Sie durch die Implementierung einer AEM-Website mithilfe der Funktion „Schnelle Site-Erstellung“ für die fiktive Lifestyle-Marke WKND. Sich den Design-Workflow anzusehen, ist ebenfalls hilfreich, um die Funktionsweise der Frontend-Pipeline zu verstehen.