Komponentenübersicht components-overview
Diese Seite enthält einen Überblick über die Komponenten von Adobe Experience Manager (AEM), z. B. für die Seitenbearbeitung.
Was sind Komponenten? what-exactly-is-a-component
- Es sind modulare Einheiten, mit denen eine spezifische Funktionalität zum Darstellen von Inhalten auf Ihrer Website realisiert wird.
- Sind wiederverwendbar.
- Werden als eigenständige Einheiten innerhalb eines Ordners des Repositorys entwickelt.
- Verfügen nicht über ausgeblendete Konfigurationsdateien.
- Sie können andere Komponenten enthalten.
- Sie können überall in einem AEM-System ausgeführt werden. Sie können auch auf die Ausführung unter bestimmten Komponenten beschränkt werden.
- Verfügen über eine standardisierte Benutzeroberfläche.
- Verfügen über ein konfigurierbares Bearbeitungsverhalten.
- Verwenden Dialogfelder, die basierend auf Granite-UI-Komponenten mit Unterelementen erstellt werden
- Werden per HTL (empfohlen) oder JSP entwickelt.
- Sie können für die Erstellung von angepassten Komponenten entwickelt werden, mit denen die Standardfunktionalität erweitert wird.
Da die Komponenten modular sind, haben Sie folgende Möglichkeiten:
- Entwickeln einer neuen Komponente auf Ihrer lokalen Instanz
- Bereitstellen dieser Komponente in Ihrer Testumgebung
- Bereitstellen in Ihrer Live-Authoring-Umgebung, in der Autoren bzw. Administratoren Inhalt hinzufügen und konfigurieren können
- Bereitstellen in Ihren Live-Veröffentlichungsumgebungen, in denen sie zum Rendern von Inhalten für Besucher Ihrer Website verwenden können Bestimmte Komponenten, z. B. für Communities, akzeptieren auch Eingaben von Ihren Benutzenden.
Für jede AEM-Komponente gilt Folgendes:
- Ist ein Ressourcentyp.
- Ist eine Sammlung mit Skripten, mit denen eine bestimmte Funktion vollständig realisiert wird.
- Funktioniert auch isoliert (also in AEM oder einem Portal).
Vorkonfigurierte Komponenten in AEM out-of-the-box-components-within-aem
AEM verfügt über verschiedene vorkonfigurierte Komponenten mit umfassender Funktionalität, z. B.:
- Absatzsystem (
parsys) - Seite (
responsivegrid– nur für Touch-optimierte Benutzeroberfläche) - Text
- Bild mit Begleittext
- Symbolleiste
Mit den bereitgestellten Komponenten und deren Nutzung auf den bereitgestellten We.Retail-Beispiel-Websites wird veranschaulicht, wie Sie sie implementieren und verwenden können. Die Komponenten werden mit dem gesamten Quell-Code bereitgestellt und können unverändert oder als Ausgangspunkte für geänderte oder erweiterte Komponenten genutzt werden.
Kernkomponenten und Foundation-Komponenten core-components-and-foundation-components
Von Adobe werden zwei Sätze AEM-Komponenten bereitgestellt:
Die Kernkomponenten wurden mit AEM 6.3 eingeführt und bieten flexible und umfangreiche Bearbeitungsfunktionen. Auf der We.Retail-Referenzsite ist dargestellt, wie die Kernkomponenten verwendet werden. Dies entspricht derzeit den Best Practices für die Komponentenentwicklung.
Foundation-Komponenten gehören in vielen Versionen von AEM zur Grundausstattung und sind direkt nach einer Standardinstallation verfügbar. Die meisten sind veraltet, werden zwar noch unterstützt, aber nicht mehr erweitert. Sie basieren auf früheren Technologieversionen.
Anzeigen der verfügbaren Komponenten viewing-available-components
Einen Überblick über alle verfügbaren Komponenten Ihrer AEM-Instanz finden Sie in der Komponentenkonsole.
Alternativ hierzu können Sie auch CRXDE Lite verwenden, um eine Liste mit allen Komponenten abzurufen, die im Repository verfügbar sind.
-
Wählen Sie in CRXDE Lite in der Symbolleiste die Option Tools und dann Abfrage, um die Registerkarte Abfrage zu öffnen.
-
Wählen Sie auf der Registerkarte Abfrage die Option
XPathals Typ. -
Geben Sie in das Feld Abfrage folgende Zeichenfolge ein:
//element(*, cq:Component) -
Wenn Sie auf Ausführen klicken, werden die Komponenten aufgelistet.
Zusätzliche Ressourcen further-reading
Die folgenden Seiten enthalten detailliertere Informationen zur Entwicklung dieser – und anderer – Komponenten:
-
Klassische Benutzeroberfläche