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 Implementierungs-Pipelines verfügt.
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.
Dies gilt nur für AEM as a Cloud Service und nicht für AMS-basierte Adobe Cloud Manager-Implementierungen.
Der Implementierungsschritt in diesem Tutorial findet in Adobe Cloud Manager statt. Stellen Sie sicher, dass Sie über eine Rolle Implementierungs-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.
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.