Aktivieren der Frontend-Pipeline für den standardmäßigen AEM-Projektarchetyp
- Gilt für:
- Experience Manager as a Cloud Service
Erstellt für:
- Fortgeschrittener
- Entwickler
- Admin
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.
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
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.