Implementaciones de componentes web sin encabezado de AEM
Última actualización: 24 de marzo de 2025
- Se aplica a:
- Experience Manager as a Cloud Service
Creado para:
- Intermedio
- Desarrollador
Las implementaciones de AEM sin encabezado Web Component/JS son aplicaciones de JavaScript puras que se ejecutan en un explorador web, que consumen contenido en AEM e interactúan con él sin encabezado. Las implementaciones de componentes web/JS difieren de las implementaciones de SPA en que no utilizan un marco de trabajo de SPA robusto y se espera que estén incrustadas en el contexto de cualquier sitio web, envío, para que aparezcan contenidos de AEM.
Configuraciones de implementación
La siguiente configuración de implementación debe estar implementada para implementaciones de componentes web/JS.
La aplicación web Component/JS se conecta a → | AEM Author | Publicación de AEM | Previsualización de AEM |
---|---|---|---|
Filtros de Dispatcher | ✘ | ✔ | ✔ |
Uso compartido de recursos de origen cruzado (CORS) | ✔ | ✔ | ✔ |
Hosts de AEM | ✔ | ✔ | ✔ |
Ejemplo de componente web
Adobe proporciona un ejemplo de componente web.
Componente web de ejemplo, escrito en JavaScript puro, que consume contenido de las API de GraphQL sin encabezado de AEM.
Página anteriorAplicación de una sola página
Página siguienteMóvil
Experience Manager
- Información general de AEM sin encabezado
- GraphQL
- Implementaciones
- Cómo
- Editor de SPA
- Autenticación basada en tókenes
- Servicios de contenido
- Información general
- 1 - Configuración del tutorial
- 2 - Definición de modelos de fragmentos de contenido de evento
- 3 - Creación de fragmentos de contenido de evento
- 4 - Definición de plantillas de servicios de contenido
- 5 - Creación de páginas de servicios de contenido
- 6 - Exposición del contenido en AEM Publish para su envío
- 7 - Consumo de AEM Content Services desde una aplicación móvil