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

  • Sind modulare Einheiten, mit denen 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.
  • Es gibt keine ausgeblendeten Konfigurationsdateien.
  • Kann andere Komponenten enthalten.
  • Kann überall in einem beliebigen AEM 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.
  • Kann entwickelt werden, um benutzerdefinierte Komponenten zu erstellen, die die Standardfunktion erweitern.

Da Komponenten modular sind, haben Sie folgende Möglichkeiten:

  • Entwickeln Sie eine neue 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 Benutzern.

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).

Vordefinierte Komponenten in AEM out-of-the-box-components-within-aem

AEM enthält eine Vielzahl von vordefinierte Komponenten , die eine umfassende Funktionalität bieten, darunter:

  • Absatzsystem ( parsys)
  • Seite ( responsivegrid – nur für Touch-optimierte Benutzeroberfläche)
  • Text
  • Bild mit Begleittext
  • Symbolleiste

Die bereitgestellten Komponenten und ihre Verwendung innerhalb der Beispiel-We.Retail-Websites zeigt, wie Komponenten implementiert und verwendet werden. 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

Es stehen zwei vom Adobe bereitgestellte AEM zur Verfügung:

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.

NOTE
Kernkomponenten sind die derzeit beste Vorgehensweise für den Entwurf und die Entwicklung von Komponenten und dienen als Referenzimplementierungen.
AEM-Modernisierungs-Tools können die Migration zu Kernkomponenten unterstützen.

Anzeigen der verfügbaren Komponenten viewing-available-components

Eine Übersicht über alle verfügbaren Komponenten in Ihrer AEM-Instanz erhalten Sie über die Komponentenkonsole.

Alternativ können Sie auch CRXDE Lite verwenden, um eine Liste aller im Repository verfügbaren Komponenten zu erhalten.

  1. Wählen Sie in CRXDE Lite in der Symbolleiste die Option Tools und dann Abfrage, um die Registerkarte Abfrage zu öffnen.

  2. Wählen Sie auf der Registerkarte Abfrage die Option XPath als Typ.

  3. Geben Sie in das Feld Abfrage folgende Zeichenfolge ein:

    //element(*, cq:Component)

  4. 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:

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2