Clientlibs per i componenti Communities

Introduzione

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

Per informazioni di base, vedere:

• Utilizzo delle librerie lato client che fornisce dettagli sull’utilizzo e strumenti di debug
• Clientlibs per SCF che fornisce informazioni utili per personalizzare i componenti SCF

Perché sono richieste le clientlibs

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

Quando esiste un funzione community per una funzione, tutti i componenti e le configurazioni necessari, comprese le clientlibs richieste, sono presenti nel sito community. Solo se gli autori devono disporre di componenti aggiuntivi, è necessario aggiungere altre clientlibs.

Quando mancano le clientlibs richieste, aggiunta di un componente Communities a una pagina potrebbe causare errori JavaScript e un aspetto imprevisto.

Esempio: revisioni posizionate senza clientlibs

Esempio: recensioni inserite con Clientlibs

Identificazione delle clientlibs richieste

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

Inoltre, da un’istanza dell’AEM, naviga nel Guida ai componenti della community fornisce l’accesso a un elenco di categorie clientlib necessarie per un componente.

Ad esempio, nella parte superiore della sezione Pagina Revisioni le clientlibs elencate sono

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

Aggiunta di clientlibs richieste

Quando si desidera aggiungere un componente Communities a una pagina, se non è già presente, è necessario aggiungere le clientlibs richieste per il componente.

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

Per aggiungere una libreria client a un sito community tramite CRXDE Liti:

• Sfoglia per https://<server>:<port>/crx/de.

• Individua il clientlibslist per la pagina alla quale desideri aggiungere il componente:

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

• Con clientlibslist nodo selezionato:

  • Individua la stringa[] proprietà scg:requiredClientLibs.

  • Seleziona il relativo Value in modo da poter accedere alla finestra di dialogo Array di stringhe.

    • Scorri verso il basso, se necessario.

    • Seleziona + per immettere una nuova libreria client.

      • Ripeti l’operazione per aggiungere altre librerie client.

      • Seleziona OK.

  • Seleziona Salva tutto.

Utilizzo di Guida introduttiva ad AEM Communities esempio, dove site-name è coinvolgere, questo è l’aspetto del clientliblist se si aggiunge il componente recensioni: