コミュニティコンポーネントの clientlib clientlibs-for-communities-components

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

はじめに introduction

この節では、コミュニティコンポーネント用のページにクライアント側ライブラリ (clientlibs) を追加する方法について説明します。

基本情報については、以下を参照してください。

clientlibs が必要な理由 why-clientlibs-are-required

コンポーネントが適切に機能し (JavaScript)、スタイル設定 (CSS) されるには、clientlibs が必要です。

が存在する場合、 コミュニティ機能 機能の場合、必要な clientlib を含む必要なすべてのコンポーネントと設定がコミュニティサイトに表示されます。 作成者が追加のコンポーネントを使用できる場合にのみ、追加の clientlib を追加する必要があります。

必要な clientlib が見つからない場合、 ページへのコミュニティコンポーネントの追加 により、javascript エラーが発生し、予期しない外観が発生する可能性がありました。

例:Clientlibs を使用しない場合のレビューの配置 example-placed-reviews-without-clientlibs

chlimage_1-244

例:Clientlibs でのレビューの配置 example-placed-reviews-with-clientlibs

chlimage_1-245

必要な clientlib の識別 identifying-required-clientlibs

開発者向けの基本的な機能情報は、必要な clientlib を特定します。

さらに、AEMインスタンスから コミュニティコンポーネントガイド では、コンポーネントに必要な clientlib カテゴリのリストにアクセスできます。

例えば、 レビューページ 以下に、必要な clientlib を示します。

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

chlimage_1-246

必要な clientlib の追加 adding-required-clientlibs

コミュニティコンポーネントをページに追加する場合は、そのコンポーネントに必要な clientlib を追加する必要があります(まだ追加していない場合)。

用途 CRXDE|Lite コミュニティサイトページの既存の clientlibslist を変更する場合。

を使用してコミュニティサイトに clientlib を追加するには CRXDE Lite:

  • 参照先 https://<server>:<port>/crx/de

  • clientlibslist コンポーネントを追加するページのノード

    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • を使用 clientlibslist 選択されたノード

    • 文字列[] プロパティ scg:requiredClientLibs

    • 選択 Value 「文字列配列」ダイアログにアクセスするには

      • 必要に応じて下にスクロールします。

      • 選択 + 新しいクライアントライブラリに入るには

        • 繰り返してクライアントライブラリをさらに追加します
      • 選択 OK

    • 選択 すべて保存

NOTE
サイトがコミュニティサイトでない場合は、そのサイトで使用されているクライアントライブラリの存在または場所を検出する必要があります。

の使用 AEM Communitiesの概要 例: site-nameエンゲージ ​レビューコンポーネントを追加すると、clientliblist は次のように表示されます。

chlimage_1-247

recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6