DokumentationAEMAEM-TutorialsAEM Sites WKND-Tutorials

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
  • Themen:
  • AEM-Projektarchetyp
  • Cloud Manager
  • CI-CD-Pipeline

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.

Überblick, Vorteile und Überlegungen zur Frontend-Pipeline

https://video.tv.adobe.com/v/3409343?quality=12&learn=on
NOTE
Dies gilt nur für AEM as a Cloud Service und nicht für AMS-basierte Adobe Cloud Manager-Bereitstellungen.

Voraussetzungen

Der Bereitstellungsschritt in diesem Tutorial findet in Adobe Cloud Manager statt. Stellen Sie sicher, dass Sie über eine Rolle Bereitstellungs-Manager verfügen (siehe die Rollendefinitionen für Cloud-Manager).

Stellen Sie sicher, dass Sie beim Abschluss dieses Tutorials das Sandbox-Programm und die Entwicklungsumgebung verwenden.

Nächste Schritte

Ein schrittweises Tutorial führt Sie durch die Konversion desAEM-WKND-Sites-Projekts, um diese für die Frontend-Pipeline zu aktivieren.

Worauf warten Sie noch? Starten Sie das Tutorial, indem Sie zum Kapitel Überprüfen des Full-Stack-Projekts navigieren und den Lebenszyklus für die Frontend-Entwicklung im Kontext des standardmäßigen AEM Sites-Projekts nochmals durchgehen.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9