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.
  • AEM Puede ejecutarse en cualquier lugar dentro de cualquier sistema de la. 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 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.
  • 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 AEM , es decir, dentro de un portal o un portal.

AEM Componentes de serie dentro de la configuración de la interfaz de usuario de la aplicación out-of-the-box-components-within-aem

AEM La variedad de productos incluye una gran variedad de componentes listos para usar que proporcionan funcionalidades completas, entre las que se incluyen:

  • 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 dentro de sitios web de We.Retail de muestra Los componentes proporcionados ilustran cómo implementar y utilizar componentes de. 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 la aplicación proporcionados por el Adobe AEM disponibles para el:

Componentes principales AEM se han introducido con la versión 6.3 de la aplicación y ofrecen funciones flexibles y personalizables de creación de contenido. 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 básicos AEM AEM han estado disponibles con la opción de instalación de para muchas versiones y están disponibles de forma predeterminada en una instalación estándar de la versión de la instalación de la aplicación de la versión de la aplicación de la versión de la aplicación de la manera predeterminada Aunque se siguen admitiendo, la mayoría han quedado obsoletas, ya no se mejoran y se basan en tecnologías heredadas.

NOTE
Componentes principales representan las prácticas recomendadas actuales para el diseño y el desarrollo de componentes y sirven como implementaciones de referencia.
AEM Herramientas de modernización de puede ayudar en la migración a los componentes principales.

Visualización de componentes disponibles viewing-available-components

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

Como alternativa, 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 pestaña Consulta.

  2. En la pestaña Consulta, seleccione XPath como Tipo.

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

    //element(*, cq:Component)

  4. 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:

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2