コミュニティコンポーネントの clientlib

最終更新日: 2023-05-04
  • トピック:
  • Communities
    このトピックの詳細を表示
  • 作成対象:
  • User
注意

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

はじめに

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

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

clientlibs が必要な理由

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

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

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

例:Clientlibs を使用しない場合のレビューの配置

chlimage_1-244

例:Clientlibs でのレビューの配置

chlimage_1-245

必要な clientlib の識別

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

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

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

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

chlimage_1-246

必要な clientlib の追加

コミュニティコンポーネントをページに追加する場合は、そのコンポーネントに必要な 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

    • 選択 すべて保存

メモ

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

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

chlimage_1-247

このページ