Clientlibs für Communities-Komponenten clientlibs-for-communities-components
Einführung introduction
In diesem Abschnitt der Dokumentation wird beschrieben, wie Sie clientseitige Bibliotheken (clientlibs) zu einer Seite für Communities-Komponenten hinzufügen.
Grundlegende Informationen finden Sie unter folgenden Themen:
- Verwendung clientseitiger Bibliotheken , die Nutzungsdetails und Debugging-Tools bereitstellt
- Clientlibs für SCF, die nützliche Informationen beim Anpassen von SCF-Komponenten bereitstellen
Warum Clientlibs erforderlich sind why-clientlibs-are-required
Clientlibs sind für das ordnungsgemäße Funktionieren (JavaScript) und Styling (CSS) einer Komponente erforderlich.
Wenn für eine Funktion eine Community-Funktion vorhanden ist, sind alle erforderlichen Komponenten und Konfigurationen, einschließlich der erforderlichen clientlibs, auf der Community-Site vorhanden. Nur wenn Autoren zusätzliche Komponenten zur Verfügung stehen sollen, müssen zusätzliche Client-Bibliotheken hinzugefügt werden.
Wenn die erforderlichen Clientlibs fehlen, kann das Hinzufügen einer Communities-Komponente zu einer Seite 🔗 zu JavaScript-Fehlern und unerwarteten Erscheinungsbildern führen.
Beispiel : platzierte Prüfungen ohne Clientlibs example-placed-reviews-without-clientlibs
Beispiel : Placed Reviews with clientlibs example-placed-reviews-with-clientlibs
Identifizieren erforderlicher Clientlibs identifying-required-clientlibs
Die grundlegenden Funktionsinformationen für Entwickler identifizieren die erforderlichen Clientlibs.
Darüber hinaus bietet das Durchsuchen des Leitfadens zu Community-Komponenten von einer AEM-Instanz aus Zugriff auf eine Liste von clientlib-Kategorien, die für eine Komponente erforderlich sind.
Am oberen Rand der Seite Bewertungen werden beispielsweise die erforderlichen clientlibs aufgeführt.
- cq.ckeditor
- cq.social.hbs.reviews
Hinzufügen erforderlicher Clientlibs adding-required-clientlibs
Wenn Sie eine Communities-Komponente zu einer Seite hinzufügen möchten, müssen Sie die erforderlichen Clientlibs für die Komponente hinzufügen, falls diese noch nicht vorhanden ist.
Verwenden Sie CRXDE|Lite , um eine vorhandene Clientlibsliste für eine Community-Site-Seite zu ändern.
So fügen Sie mithilfe von CRXDE Lite eine clientlib für eine Community-Site hinzu:
-
Navigieren Sie zu https://<Server>:<Port>/crx/de.
-
Suchen Sie den Knoten
clientlibslistfür die Seite, auf der Sie die Komponente hinzufügen möchten:/content/sites/sample/en/page/jcr:content/clientlibslist
-
Mit ausgewähltem
clientlibslist-Knoten:-
Suchen Sie die Eigenschaft "String[]"
scg:requiredClientLibs. -
Wählen Sie den Wert
Valueaus, damit Sie auf das Dialogfeld String-Array zugreifen können.-
Scrollen Sie bei Bedarf nach unten.
-
Wählen Sie + aus, um eine neue Client-Bibliothek einzugeben.
-
Wiederholen Sie dies, um weitere Client-Bibliotheken hinzuzufügen.
-
Wählen Sie OK aus.
-
-
-
Klicken Sie auf Alle speichern.
-
Unter Verwendung des Beispiels Erste Schritte mit AEM Communities, bei dem site-name engage ist, würde die clientliblist so angezeigt, wenn die Reviews-Komponente hinzugefügt wird:
