Bereitstellungen von AEM Headless-Web-Komponenten
Letzte Aktualisierung: 27. März 2025
- Gilt für:
- Experience Manager as a Cloud Service
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.
Eine beispielhafte Web-Komponente, die in reinem JavaScript geschrieben wurde und Inhalte von AEM Headless-GraphQL-APIs nutzt.
Vorherige SeiteSingle-Page-App
Nächste SeiteMobilgerät
Experience Manager
- AEM Headless – Übersicht
- GraphQL
- Bereitstellungen
- Anleitung
- SPA-Editor
- Token-basierte Authentifizierung
- Content Services
- Übersicht
- 1. Tutorial-Einrichtung
- 2. Definition von Ereignis-Inhaltsfragmentmodellen
- 3. Erstellen von Ereignis-Inhaltsfragmenten
- 4. Definieren von Content Services-Vorlagen
- 5. Inhaltserstellung von Content Services-Seiten
- 6. Freigeben der Inhalte in AEM Publish für die Bereitstellung
- 7. AEM Content Services von einer App aus nutzen