Erstellen von Komponenten creating-components

AEM-Komponenten werden verwendet, um den Inhalt, den Sie auf Ihren Web-Seiten bereitstellen, zu speichern, zu formatieren und zu rendern.

NOTE
Detaillierte Informationen über die Erstellung von AEM-Komponenten finden Sie unter „Entwickeln von AEM-Komponenten“.

Authoring von Kanälen authoring-channels

Der Kanal ist das zentrale Objekt von Inhalten, die für eine Reihe von Anzeigen bereitgestellt werden. Daher öffnet eine Inhaltsautorin bzw. ein Inhaltsautor normalerweise einen Kanal im Editor, um Inhalte hinzuzufügen oder zu ändern. Da der Kanal ein *** istcq:Page***, folgt es demselben herkömmlichen UX-Muster zum Hinzufügen und Ändern von Komponenten im Kanal.

Da jedoch Komponenten innerhalb eines Kanals normalerweise im Vollbildmodus gerendert werden, leidet das Authoring-Erlebnis beim Versuch, einzelne Komponenten zu bearbeiten oder neue Bestellungen zu erstellen. Daher nutzt der Kanal Selektoren zum Rendern verschiedener Ansichten der Komponenten. Die Authoring-Umgebung verwendet den Bearbeitungsselektor, um das Rendering des benutzerdefinierten Kanals zu aktivieren.

Beispiel: http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html](http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html

Der Benutzer muss sich während des Bearbeitens nicht um das Hinzufügen des Selektors zur URL kümmern. Eine clientseitige Logik wartet auf das Ebenen-Wechselereignis und fügt den Selektor hinzu, wenn der Kanal über den dedizierten Ressourcentyp verfügt screens/core/components/channel.

Rendern von Komponenten rendering-components

Um eine korrekte Bearbeitung zu ermöglichen, müssen Komponenten die folgenden beiden Renderings bereitstellen:

Komponente
Wiedergaben
my-component/my-component.html
Produktionswiedergabe
my-component/edit.html
Bearbeiten der Wiedergabe in einer kleineren Ansicht

Die integrierten Komponenten nutzen die folgenden Client-Bibliothekskategorien:

Komponente
Client-Bibliothek
cq.screens.components.edit
CSS und JS, die bei der Inhaltserstellung geladen werden müssen
cq.screens.components.production
CSS und JS, die geladen werden müssen, wenn der Kanal ausgeführt wird
cq.screens.components
freigegebene CSS und JS
NOTE
Um eigene Komponenten zu entwickeln, verwenden Sie die Beispielvorlage für AEM Screens-Komponenten.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053