Componentes de Clientlibs para Communities clientlibs-for-communities-components

Introducción introduction

En esta sección de la documentación se describe cómo agregar bibliotecas del lado del cliente (clientlibs) a una página para componentes de Communities.

Para obtener información básica, consulte lo siguiente:

Por qué se requieren Clientlibs why-clientlibs-are-required

Clientlibs son necesarios para el correcto funcionamiento (JavaScript) y el estilo (CSS) de un componente.

Cuando existe un función comunitaria para una función, todos los componentes y configuraciones necesarios, incluidos los clientlibs necesarios, están presentes en el sitio de la comunidad. Solo si los autores deben tener disponibles componentes adicionales, se deben agregar clientlibs adicionales.

Cuando faltan los clientlibs requeridos, agregar un componente de Communities a una página podría provocar errores de JavaScript y una aparición inesperada.

Ejemplo : Revisiones colocadas sin Clientlibs example-placed-reviews-without-clientlibs

placement-review

Ejemplo : Revisiones colocadas con Clientlibs example-placed-reviews-with-clientlibs

review-clientlibs

Identificación De Clientlibs Requeridos identifying-required-clientlibs

La información sobre funciones esenciales para los desarrolladores de identifica los clientlibs necesarios.

AEM Además, desde una instancia de, navegar hasta el Guía de componentes de la comunidad proporciona acceso a una lista de categorías clientlib necesarias para un componente.

Por ejemplo, en la parte superior de la Página de críticas los clientlibs necesarios enumerados son

  • cq.ckeditor
  • cq.social.hbs.reviews

clientlibs-review

Añadir Clientlibs Requeridos adding-required-clientlibs

Si desea agregar un componente de Communities a una página, es necesario agregar los clientlibs necesarios para el componente si no están presentes.

Uso CRXDE|Lite para modificar una lista clientlibs existente para una página de sitio de la comunidad.

Para agregar una clientlib para un sitio de la comunidad utilizando CRXDE Lite:

  • Navegar a https://<server>:<port>/crx/de.

  • Busque el clientlibslist para la página en la que desea agregar el componente:

    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • Con clientlibslist nodo seleccionado:

    • Busque la cadena[] propiedad scg:requiredClientLibs.

    • Seleccione su Value para tener acceso al cuadro de diálogo Matriz de cadenas.

      • Desplácese hacia abajo si es necesario.

      • Seleccione + para introducir una nueva biblioteca de cliente.

        • Repita el proceso para agregar más bibliotecas de cliente.

        • Seleccionar OK.

    • Seleccionar Guardar todo.

NOTE
Si el sitio no es un sitio de la comunidad, se debe descubrir la existencia o la ubicación de las bibliotecas de cliente que se utilizan para el sitio.

Uso del Introducción a AEM Communities ejemplo, donde site-name es enganchar Sin embargo, esto es lo que aparecería clientliblist si se añade el componente Revisiones:

review-component

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791