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.
- Utilizan cuadros de diálogo creados con subelementos basados en componentes de la IU de Granite
- Se desarrollan utilizando 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.
- Implementarla en los entornos de publicación activos, donde se utilizan para representar contenido para los visitantes del sitio web. Algunos componentes, por ejemplo para Comunidades, también aceptan la entrada 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 un portal.
Componentes listos para usar dentro de AEM out-of-the-box-components-within-aem
AEM viene con una variedad de componentes integrados que proporcionan una amplia funcionalidad, que incluye:
- Sistema de párrafos (
parsys) - Página (
responsivegrid- solo IU táctil) - Texto
- Imagen con texto acompañante
- Barra de herramientas
Los componentes proporcionados y su uso dentro de la variable sitios web de We.Retail de muestra se proporciona una ilustración de 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 el Adobe disponibles:
Componentes principales se han introducido con AEM 6.3 y ofrecen funciones flexibles y personalizables de creación de contenido. La variable Sitio de referencia de We.Retail ilustra cómo se pueden utilizar los componentes principales y representa las prácticas recomendadas actuales del desarrollo de componentes.
Componentes básicos han estado disponibles con AEM para muchas versiones y están disponibles de forma predeterminada en una instalación de AEM estándar. Aunque aún es compatible, la mayoría de ellos han quedado obsoletos, ya no se mejoran y se basan en tecnologías heredadas.
Visualización de componentes disponibles viewing-available-components
Para información general de todos los componentes disponibles en la instancia de AEM, utilice 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 páginas siguientes proporcionan información más detallada sobre el desarrollo de estos y otros componentes:
-
IU clásica