Clientlibs for Communities Components

簡介

本檔案章節說明如何新增用戶端程式庫(clientlibs)至Communities元件的頁面。

如需基本資訊，請造訪：

• 使用用戶端程式 庫，提供使用詳細資訊以及除錯工具
• SCF的Clientlib在定 制SCF元件時提供有用資訊
• 部落格：AEM Client Libraries（由範例說明）

為何需要Clientlibs

Clientlibs是元件正確運作(JavaScript)和樣式(CSS)的必要條件。

當某個功能存在社區函式時，所有必要的元件和配置（包括所需的clientlibs）都將出現在社區站點中。 只有當作者需要使用其他元件時，才需要新增其他clientlib。

當所需的clientlibs遺失時，將Communities元件新增至頁面可能會導致javascript錯誤以及意外的外觀。

範例：未使用Clientlibs的置入審核

範例：Placed Reviews with Clientlibs

標識必需的Clientlibs

開發人員的基本功能資訊可識別所需的用戶端。

此外，從AEM例項瀏覽至社群元件指南可存取元件所需的clientlib類別清單。

例如，在「檢閱」頁面的最上方，會列出所需的clientlibs

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

添加必需的Clientlibs

當需要將Communities元件新增至頁面時，如果元件尚未出現，則必須新增必要的clientlibs。

使用CRXDE|Lite修改社群網站頁面的現有clientlibslist。

要使用CRXDE Lite為社區站點添加clientlib:

• 瀏覽至https://<server>:<port>/crx/de

• 為要添加元件的頁找到clientlibslist節點

  • /content/sites/sample/en/page/jcr:content/clientlibslist

• 已選擇clientlibslist節點

  • 找到String[]屬性scg:requiredClientLibs

  • 選擇其Value以訪問「字串陣列」對話框

    • 視需要向下捲動

    • 選擇+以輸入新的客戶端庫

      • 重複以新增更多用戶端程式庫

    • 選擇​確定

  • 選擇​全部保存

使用AEM Communities快速入門範例（其中site-name是​engage），在新增審核元件時，clientliblist會以下列方式顯示：