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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now