DokumentationAEMAEM-TutorialsAEM Headless-Tutorial

Bereitstellungen von AEM Headless-Web-Komponenten

Last update: Tue Oct 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Fortgeschrittener
  • Entwickler

AEM Headless-Web-Komponenten-/JS-Bereitstellungen sind reine JavaScript-Apps, die in einem Webbrowser ausgeführt werden und Inhalte in AEM auf Headless-Weise nutzen und damit interagieren. Web-Komponenten-/JS-Bereitstellungen unterscheiden sich von SPA-Bereitstellungen dahingehend, dass sie kein robustes SPA-Framework verwenden und normalerweise im Kontext einer Website eingebettet werden, um Inhalte von AEM zur Verfügung zu stellen.

Bereitstellungskonfigurationen

Die folgende Bereitstellungskonfiguration muss für Web-Komponenten-/JS-Bereitstellungen vorhanden sein.

Die Web-Komponenten-/JS-App stellt eine Verbindung her zu →
AEM Author
AEM Publish
AEM-Vorschau
Dispatcher-Filter
✘
✔
✔
Cross-Origin Resource Sharing (CORS)
✔
✔
✔
AEM-Hosts
✔
✔
✔

Beispielhafte Web-Komponente

Adobe stellt eine beispielhafte Web-Komponente zur Verfügung.

Web-Komponente

Web-Komponente

Eine beispielhafte Web-Komponente, die in reinem JavaScript geschrieben wurde und Inhalte von AEM Headless-GraphQL-APIs nutzt.

Beispiel anzeigen

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4