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

chlimage_1-244

Esempio: Recensioni inserite con Clientlibs

chlimage_1-245

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

chlimage_1-246

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:

  • Passa a 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

      • Scorri verso il basso se necessario

      • Selezionare + per inserire una nuova libreria client

        • Ripeti 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:

chlimage_1-247

In questa pagina