Creación de componentes

AEM componentes se utilizan para guardar, dar formato y procesar el contenido disponible en las páginas web.

NOTA

Para obtener más información sobre la creación de componentes de AEM, consulte Desarrollo de componentes de AEM.

Creación de canales

El canal es el objeto central del contenido entregado a un conjunto de visualizaciones. Por lo tanto, un autor de contenido generalmente abriría un canal en el editor para añadir o modificar contenido. Dado que el canal es cq:Page, seguirá el mismo patrón de experiencia de usuario tradicional para agregar y cambiar componentes en el canal.

Sin embargo, dado que los componentes de un canal suelen procesarse a pantalla completa, la experiencia de creación se verá afectada al intentar editar componentes únicos o componer nuevos pedidos. Por lo tanto, el canal dependerá de los selectores para procesar diferentes vistas de los componentes. El entorno de creación utilizará el selector de edición para activar el procesamiento de canal personalizado.

Por ejemplo, http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html] (http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html

El usuario no tiene que preocuparse de agregar el selector a la URL mientras edita. Una lógica del lado del cliente está escuchando el evento del conmutador de capas y agrega el selector si el canal tiene el tipo de recurso específico pantallas/core/components/channel.

Representación de componentes

Para permitir una creación adecuada, los componentes deben proporcionar las dos representaciones siguientes:

Componente Representaciones
my-component/my-component.html renderización de la producción
my-component/edit.html edición de renderización en una vista más pequeña

Los componentes integrados aprovechan las siguientes categorías de biblioteca de cliente:

Componente Biblioteca de cliente
cq.screens.components.edit CSS y JS que deben cargarse durante la creación
cq.screens.components.production CSS y JS que deben cargarse cuando el canal se está ejecutando
cq.screens.components CSS y JS compartidos
NOTA

Para desarrollar componentes personalizados, utilice la plantilla de componente de muestra de AEM Screens .

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now