Eine beispielhafte Web-Komponente, die in reinem JavaScript geschrieben wurde und Inhalte von AEM Headless-GraphQL-APIs nutzt.
Beispiel anzeigenAEM 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.
Die folgende Bereitstellungskonfiguration muss für Web-Komponenten-/JS-Bereitstellungen vorhanden sein.
Web-Komponenten-/JS-App-Verbindung zu | AEM Author | AEM Publish | AEM-Vorschau |
---|---|---|---|
Dispatcher-Filter | ✘ | ✔ | ✔ |
Cross-Origin Resource Sharing (CORS) | ✔ | ✔ | ✔ |
AEM-Hosts | ✔ | ✔ | ✔ |
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.
Beispiel anzeigen