Componenti Clientlibs for Communities

Introduzione

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

Per informazioni di base, visita:

• Utilizzo delle librerie lato client per informazioni sull’utilizzo e per strumenti di debug
• Clientlibs per SCF che fornisce informazioni utili durante la personalizzazione dei componenti SCF

Perché sono necessarie le clientlibs

Le librerie client sono necessarie per il corretto funzionamento (JavaScript) e lo stile (CSS) di un componente.

Quando esiste una funzione community per una funzione, tutti i componenti e le configurazioni necessarie, incluse le clientlib richieste, saranno presenti nel sito della community. Solo se gli autori devono disporre di componenti aggiuntivi, è necessario aggiungere ulteriori clientlibs.

Se mancano le clientlib richieste, l'aggiunta di un componente Communities a una pagina🔗 potrebbe causare errori javascript e un aspetto imprevisto.

Esempio: Recensioni posizionate senza Clientlibs

Esempio: Recensioni inserite con Clientlibs

Identificazione delle librerie client richieste

Le informazioni essenziali sulle funzioni per gli sviluppatori identificano le clientlib richieste.

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

Ad esempio, nella parte superiore della Pagina recensioni le clientlibs richieste sono elencate

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

Aggiunta di clientlibs richiesti

Se desideri aggiungere un componente Community a una pagina, dovrai aggiungere le clientlib richieste per il componente, se non già presenti.

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

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

• Vai a https://<server>:<port>/crx/de

• Individua il nodo clientlibslist della pagina in cui desideri aggiungere il componente

  • /content/sites/sample/en/page/jcr:content/clientlibslist

• Con il nodo clientlibslist selezionato

  • Individua la proprietà String[] scg:requiredClientLibs

  • Seleziona la relativa Value per accedere alla finestra di dialogo Array String

    • Scorri verso il basso se necessario

    • Seleziona + per inserire una nuova libreria client

      • Ripeti l’operazione per aggiungere altre librerie client

    • Seleziona OK

  • Seleziona Salva tutto

Utilizzando l'esempio Guida introduttiva ad AEM Communities, dove site-name è coinvolgi, questo è il modo in cui apparirebbe la lista clientliblist se si aggiunge il componente recensioni: