Show Menu
TEMAS×

Creación de componentes

AEM componentes se utilizan para mantener, dar formato y procesar el contenido disponible en las páginas web.
Para obtener más información sobre la creación de componentes AEM, consulte Desarrollo de componentes AEM.

Creación de Canales

El canal es el objeto central del contenido enviado a un conjunto de pantallas. Por lo tanto, un autor de contenido generalmente abre un canal en el editor para agregar o modificar contenido. Dado que el Canal es cq:Page , seguirá el mismo patrón UX tradicional para agregar y cambiar componentes en el canal.
Sin embargo, como los componentes de un canal suelen representarse a pantalla completa, la experiencia de creación se verá afectada al intentar editar componentes únicos o al componer nuevos pedidos. Por lo tanto, el canal recurrirá a los selectores para presentar distintas vistas de los componentes. El entorno de creación aprovechará el selector de edición para activar el procesamiento de canales 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 un canal tiene el tipo de recurso dedicado pantallas/núcleo/componentes/canal.

Representación de componentes

Para habilitar la creación adecuada, los componentes deben proporcionar las dos representaciones siguientes:
Componente
Representaciones
my-component/my-component.html
procesamiento de producción
my-component/edit.html
editar procesamiento en una vista más pequeña
Los componentes integrados aprovechan las siguientes categorías de biblioteca de cliente:
Componente
Biblioteca de cliente
cq.screen.components.edit
CSS y JS que deben cargarse durante la creación
cq.screen.components.production
CSS y JS que deben cargarse cuando se ejecuta el canal
cq.screen.components
CSS compartida y JS
Para desarrollar componentes personalizados, utilice la plantilla *** AEM Screens de componentes de muestra***.