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:

• Utilizzo delle librerie lato client per fornire dettagli di utilizzo e strumenti di debug
• Clientlibs per SCF, che fornisce informazioni utili per la personalizzazione dei componenti SCF
• Blog: AEM librerie client spiegate dall'esempio

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

Esempio: Recensioni inserite con 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

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

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: