Información general sobre componentes components-overview
Esta página proporciona información general sobre los componentes de Adobe Experience Manager (AEM), como los usados para la creación de páginas.
¿Qué son los componentes? what-exactly-is-a-component
- Unidades modulares que implementan funcionalidades específicas para presentar el contenido en su sitio web.
- Reutilizable.
- Se desarrolla como unidades independientes dentro de una carpeta del repositorio.
- No tienen archivos de configuración ocultos.
- Pueden contener otros componentes.
- Puede ejecutarse en cualquier lugar dentro de cualquier sistema AEM. También se pueden limitar para que se ejecuten en componentes específicos.
- Disponen de una interfaz de usuario estandarizada.
- Tienen un comportamiento de edición que se puede configurar.
- Utilice cuadros de diálogo creados con subelementos basados en componentes de la interfaz de usuario de Granite
- Se han desarrollado con HTL (recomendado) o JSP.
- Se pueden desarrollar para crear componentes personalizados que amplíen la funcionalidad predeterminada.
Como los componentes son modulares, puede hacer lo siguiente:
- Desarrollar un nuevo componente en la instancia local.
- Implementarla en su entorno de prueba.
- Implementarla en su entorno de creación activo, donde permiten a los autores o administradores añadir y configurar contenido.
- Impleméntelo en los entornos de publicación activos, donde se utiliza para representar contenido para los visitantes del sitio web. Algunos componentes, por ejemplo, para las comunidades, también aceptan entradas de los usuarios.
Cada componente AEM:
- Es un tipo de recurso.
- Es una colección de scripts que realizan completamente una función específica.
- Puede funcionar en aislamiento, es decir, dentro de AEM o de un portal.
Componentes listos para usar dentro de AEM out-of-the-box-components-within-aem
AEM viene con una variedad de componentes listos para usar que proporcionan funcionalidad completa, entre ellos:
- Sistema de párrafos (
parsys) - Página (
responsivegrid- solo IU táctil) - Texto
- Imagen, con texto adjunto
- Barra de herramientas
Los componentes proporcionados y su uso en los sitios web de We.Retail de ejemplo proporcionados ilustran cómo implementar y utilizar componentes. Los componentes se proporcionan con todo el código fuente y se pueden utilizar tal cual o como puntos de partida para los componentes modificados o ampliados.
Componentes principales y componentes básicos core-components-and-foundation-components
Hay dos conjuntos de componentes de AEM proporcionados por Adobe disponibles:
Los componentes principales se introdujeron con AEM 6.3 y ofrecen funciones flexibles y personalizables de creación. El sitio de referencia de We.Retail ilustra cómo se pueden utilizar los componentes principales y representa las prácticas recomendadas actuales de desarrollo de componentes.
Componentes de base han estado disponibles con AEM para muchas versiones y están disponibles de forma predeterminada en una instalación estándar de AEM. Aunque se siguen admitiendo, la mayoría han quedado obsoletas, ya no se mejoran y se basan en tecnologías heredadas.
Visualización de componentes disponibles viewing-available-components
Para obtener una descripción general de todos los componentes disponibles en la instancia de AEM, use la Consola de componentes.
Como alternativa, también puede utilizar CRXDE Lite para obtener una lista de todos los componentes disponibles en el repositorio.
-
En CRXDE Lite, seleccione Herramientas en la barra de herramientas y, a continuación, Consulta, que abre la pestaña Consulta.
-
En la pestaña Consulta, seleccione
XPathcomo Tipo. -
En el campo de entrada Consulta, escriba la cadena siguiente:
//element(*, cq:Component) -
Cuando hace clic en Ejecutar, se muestran los componentes.
Recursos adicionales further-reading
Las siguientes páginas proporcionan información más detallada sobre el desarrollo de estos y otros componentes:
-
IU clásica