Show Menu
TEMAS×

Información general de componentes

En esta página se ofrece una descripción general de 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 con 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 activo, donde permite a los autores y administradores agregar y configurar contenido.
  • Implementarlo en los entornos de publicación activa, donde se utilizan para representar contenido para los visitantes del sitio web. Ciertos componentes, por ejemplo para Comunidades, también aceptan datos introducidos por los usuarios.
Cada componente de AEM:
  • Es un tipo de recurso.
  • Es una colección de secuencias de comandos que realizan completamente una función específica.
  • Puede funcionar de forma aislada , es decir, en AEM o en un portal.

Componentes integrados en AEM

AEM comes with a variety of out-of-the-box components that provide comprehensive functionality including:
  • 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 We.Retail de muestra 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

Existen dos conjuntos de componentes de AEM proporcionados por Adobe disponibles:
Los componentes principales se introdujeron con AEM 6.3 y ofrecen una funcionalidad de creación flexible y rica en funciones. El sitio de referencia We.Retail ilustra cómo se pueden utilizar los componentes principales y representa las optimizaciones actuales del desarrollo de componentes.
Foundation Components ha estado disponible con AEM para muchas versiones y está disponible de forma predeterminada en una instalación estándar de AEM. Aunque aún se admite, la mayoría de ellas han quedado obsoletas, ya no se mejoran y se basan en tecnologías heredadas.
Los componentes principales representan las prácticas recomendadas actuales para el diseño y el desarrollo de componentes y sirven como implementaciones de referencia.
Las herramientas de modernización de AEM pueden ayudar a migrar a los componentes principales.

Visualización de componentes disponibles

Para obtener una descripción general de todos los componentes disponibles en la instancia de AEM, utilice la consola La consola Componentes 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 y, a continuación, 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.