Información general de componentes

Esta página proporciona información general sobre los componentes de Adobe Experience Manager (AEM), como los utilizados para la creación de páginas.

¿Qué son los componentes?

  • Unidades modulares que proporcionan una funcionalidad específica para presentar el contenido en el sitio web.
  • Reutilizable.
  • Desarrollado como unidades independientes dentro de una carpeta del repositorio.
  • No tiene archivos de configuración ocultos.
  • Puede contener otros componentes.
  • Puede ejecutarse en cualquier lugar dentro de cualquier sistema AEM. También pueden limitarse a ejecutarse en componentes específicos.
  • Tener una interfaz de usuario estandarizada.
  • Tener un comportamiento de edición que se pueda configurar.
  • Utilizar cuadros de diálogo creados con subelementos basados en componentes Granite UI
  • Se desarrollan utilizando HTL (recomendado) o JSP.
  • Se puede desarrollar para crear componentes personalizados que extiendan la funcionalidad predeterminada.

Debido a que los componentes son modulares, puede:

  • Desarrolle un nuevo componente en la instancia local.
  • Implementarlo en el entorno de prueba.
  • Implementarla en el entorno de creación en directo, donde permite a los autores y/o administradores agregar y configurar contenido.
  • Implíquelo en los entornos de publicación activa, donde se utilizan para procesar contenido para visitantes en el sitio web. Ciertos componentes, por ejemplo para Comunidades, también aceptan datos introducidos por los usuarios.

Cada componente AEM:

  • Es un tipo de recurso.
  • Es una colección de secuencias de comandos 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

AEM viene con una variedad de componentes listos para usar que proporcionan una amplia funcionalidad, que incluye:

  • Sistema de párrafos ( parsys)
  • Página ( responsivegrid - solo IU táctil)
  • Texto
  • Imagen, con el texto que acompaña
  • Barra de herramientas

Los componentes proporcionados y su uso dentro de los sitios Web de muestra de We.Retail ilustran cómo implementar y utilizar los componentes. Los componentes se proporcionan con todo el código fuente y pueden utilizarse tal cual o como puntos de partida para componentes modificados o ampliados.

Componentes principales y componentes básicos

Hay dos conjuntos de componentes de AEM proporcionados por Adobe disponibles:

Los componentes principales se introdujeron con AEM 6.3 y la funcionalidad de creación flexible y con muchas funciones de oferta. El sitio de referencia de We.Retail ilustra cómo se pueden utilizar los componentes principales y representa las optimizaciones actuales del desarrollo de componentes.

Los componentes de base han estado disponibles con AEM para muchas versiones y están disponibles de forma predeterminada en una instalación AEM estándar. Aunque aún se admite, la mayoría de ellas han quedado obsoletas, ya no se mejoran y se basan en tecnologías heredadas.

NOTA

Los componentes principales representan las prácticas recomendadas actuales para el diseño y el desarrollo de componentes y sirven como implementaciones de referencia.

AEM Modernización Toolscan ayuda a migrar a componentes principales.

Visualización de componentes disponibles

Para obtener una visión general de todos los componentes disponibles en la instancia de AEM, utilice la Consola de componentes.

También puede utilizar CRXDE Lite para obtener una lista de todos los componentes disponibles en el repositorio.

  1. En CRXDE Lite, seleccione Herramientas en la barra de herramientas, luego Consulta, que abre la ficha Consulta.

  2. En la ficha Consulta, seleccione XPath como Tipo.

  3. En el campo de entrada Consulta, escriba la cadena siguiente:

    //element(*, cq:Component)

  4. Haga clic en Ejecutar y se enumerarán los componentes.

Recursos adicionales

Las páginas siguientes proporcionan información más detallada sobre el desarrollo de estos (y otros) componentes:

En esta página