Creación de componentes creating-components

AEM Los componentes de se utilizan para mantener, dar formato y representar el contenido disponible en las páginas web.

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

Creación de canales authoring-channels

El canal es el objeto central del contenido enviado a un conjunto de pantallas. Por lo tanto, un autor de contenido suele abrir un canal en el editor para agregar o modificar contenido. Como el canal es un cq:Page, sigue el mismo patrón de experiencia de usuario tradicional para agregar y cambiar componentes en el canal.

Sin embargo, como los componentes de un canal suelen procesarse a pantalla completa, la experiencia de creación sufre al intentar editar componentes únicos o componer nuevos pedidos. Por lo tanto, el canal depende de selectores para procesar diferentes vistas de los componentes. El entorno de creación utiliza el selector de edición para activar el procesamiento del 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 encargarse de añadir el selector a la URL durante la edición. Una lógica del lado del cliente escucha el evento del conmutador de capa y agrega el selector si el canal tiene el tipo de recurso dedicado screens/core/components/channel.

Componentes de procesamiento rendering-components

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

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

Los componentes integrados utilizan 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 se ejecuta el canal
cq.screens.components
CSS y JS compartidos
NOTE
Para desarrollar componentes personalizados, use la plantilla de componente de ejemplo de AEM Screens.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053