Componenti Clientlibs per Community

Introduzione

Questa sezione della documentazione descrive come aggiungere librerie lato client (clientlibs) a una pagina per i componenti Community.

Per informazioni di base, visita :

Perché Clientlibs sono richiesti

Per il corretto funzionamento (JavaScript) e lo stile (CSS) di un componente sono necessari i client.

Quando esiste una funzione community per una funzione, tutti i componenti e le configurazioni necessari, inclusi i clientlibs richiesti, saranno presenti nel sito community. Solo se agli autori devono essere disponibili componenti aggiuntivi, è necessario aggiungere altri clientlibé.

Se mancano i clientlibs richiesti, l'aggiunta di un componente Community a una pagina potrebbe causare errori javascript e un aspetto imprevisto.

Esempio: Recensioni inserite senza Clientlibs

valutazioni inserite

Esempio: Recensioni inserite con Clientlibs

recensioni-clientlibs

Identificazione delle librerie di client necessarie

Le informazioni essenziali sulle funzioni per gli sviluppatori identificano i clientlibs richiesti.

Inoltre, da un'istanza AEM, l'accesso alla Guida ai componenti della community consente di accedere a un elenco delle categorie clientlib richieste per un componente.

Ad esempio, nella parte superiore della pagina Recensioni i clientlibs richiesti elencati sono

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

clientlibs-review

Aggiunta di Clientlibs richiesti

Se si desidera aggiungere un componente Community a una pagina, sarà necessario aggiungere i clientlibs richiesti per il componente, se non è già presente.

Utilizzate CRXDE|Lite per modificare un elenco di clientlibslist esistente per una pagina di sito community.

Per aggiungere una clientlib per un sito community utilizzando CRXDE Lite:

  • Individuate https://<server>:<porta>/crx/de.

  • Individuare il nodo clientlibslist per la pagina in cui si desidera aggiungere il componente:

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

    • Individuare la proprietà String[] scg:requiredClientLibs.

    • Selezionare Value per accedere alla finestra di dialogo dell'array String.

      • Se necessario, scorrete verso il basso.

      • Selezionate + per immettere una nuova libreria client.

        • Ripetete questa procedura per aggiungere altre librerie client.

        • Selezionare OK.

    • Selezionare Salva tutto.

NOTA

Se il sito non è un sito community, è necessario individuare l'esistenza o la posizione delle librerie client in uso per il sito.

Utilizzando l'esempio Guida introduttiva a AEM Communities, dove site-name è interazione, l'elenco clientliblist viene visualizzato in questo modo se si aggiunge il componente recensioni:

review-component

In questa pagina