Entwickler-Tutorial für Edge Delivery Services und den universellen Editor
In diesem Tutorial lernen Sie die Grundlagen zum Erstellen einer AEM-Website kennen, die leistungsstarkes Authoring mit dem universellen Editor und eine blitzschnelle Bereitstellung mithilfe von Edge Delivery Services kombinieren. Am Ende werden Sie über grundlegende Kenntnisse zum Erstellen eines neuen Projekts, zum Einrichten einer lokalen Entwicklungsumgebung und zum Erstellen eines neuen Blocks verfügen.
Projekt-Setup
Erfahren Sie, wie Sie in AEM as a Cloud Service ein Code-Projekt erstellen und eine neue Site konfigurieren. Dieses Setup ermöglicht eine nahtlose Entwicklung mit dem universellen Editor für die Inhaltserstellung und die schnelle Inhaltsbereitstellung über Edge Delivery Services.
Erstellen Sie ein Code-Projekt für Edge Delivery Services, das mit dem universellen Editor bearbeitet werden kann.
Erstellen Sie eine Site in AEM Sites für Edge Delivery Services, die mit dem universellen Editor bearbeitet werden kann.
Entwicklungs-Setup
Erfahren Sie, wie Sie Ihre lokale Entwicklungsumgebung für eine schnelle Website-Entwicklung konfigurieren. Dieses Setup ermöglicht eine nahtlose Site-Erstellung mit dem universellen Editor und eine effiziente Inhaltsbereitstellung über Edge Delivery Services, wodurch ein reibungsloser und optimierter Entwicklungs-Workflow gewährleistet wird.
Einrichten einer lokalen Entwicklungsumgebung
Richten Sie eine lokale Entwicklungsumgebung für Sites ein, die mit Edge Delivery Services bereitgestellt werden und mit dem universellen Editor bearbeitet werden können.
Hinzufügen von Website-Branding
Definieren Sie globales CSS, CSS-Variablen und Web-Schriften für eine Edge Delivery Services-Site.
Blockentwicklung
Erfahren Sie, wie Sie einen neuen Block erstellen, indem Sie sein Inhaltsmodell definieren und Beispielinhalte für Tests und Entwicklung einrichten. Erkunden Sie zwei Methoden zum Rendern des Blocks und erfahren Sie, wie Sie ihn strukturieren, um eine optimale Leistung und Flexibilität in AEM und Edge Delivery Services zu erzielen.
Erstellen Sie einen Block für eine Edge Delivery Services-Website, die mit dem universellen Editor bearbeitet werden kann.
Erstellen Sie einen Edge Delivery Services-Block mit dem universellen Editor.
Entwickeln eines Blocks mit CSS
Entwickeln Sie einen Block mit CSS für Edge Delivery Services, der mit dem universellen Editor bearbeitet werden kann.
Entwickeln eines Blocks mit CSS und JS
Entwickeln Sie einen Block mit CSS und JavaScript für Edge Delivery Services, der mit dem universellen Editor bearbeitet werden kann.
Nächste Schritte
Nachdem Sie dieses Tutorial nun abgeschlossen haben, bauen Sie auf dem auf, was Sie mit diesen zielgerichteten Anleitungen gelernt haben. In diesen Handbüchern wird näher auf den hier behandelten Code und die hier behandelten Konzepte eingegangen. Es werden rollenspezifische Anwendungsfälle, erweiterte Techniken und zusätzliche Tipps zur Verbesserung der Entwicklungsfähigkeiten von Edge Delivery Services und dem universellen Editor untersucht.
Erfahren Sie, wie Sie einen Block mit mehreren Anzeigeoptionen erstellen.
Erfahren Sie, wie Kopf- und Fußzeilen in Edge Delivery Services und im universellen Editor entwickelt werden.
Vorschau einer Erweiterung des universellen Editors
Erfahren Sie, wie Sie während der Entwicklung eine Vorschau einer lokal ausgeführten universellen Editor-Erweiterung anzeigen.