文件AEM 6.5Communities 指南

適用於社群元件的Clientlibs

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 適用對象:
  • Experience Manager 6.5
  • 主題:
  • 社群

建立對象:

  • 管理員

簡介

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

如需基本資訊,請參閱下列內容:

  • 使用提供使用詳細資訊和偵錯工具的使用者端資料庫
  • SCF的Clientlibs提供自訂SCF元件時有用的資訊

為何需要Clientlibs

元件的正常功能(JavaScript)和樣式(CSS)需要Clientlibs。

當功能有社群功能時,所有必要的元件和設定(包括必要的clientlibs)都會出現在社群網站中。 只有當作者可以使用其他元件時,才能新增其他clientlibs。

當缺少必要的clientlibs時,將Communities元件新增至頁面可能會導致JavaScript錯誤和意外外觀。

範例:不含Clientlibs的置入稽核

置入的評論

範例:使用Clientlibs置入的評論

reviews-clientlibs

識別必要的Clientlibs

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

此外,從AEM執行個體瀏覽至社群元件指南可存取元件所需的clientlib類別清單。

例如,在檢閱頁面頂端列出的必要clientlibs包括

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

clientlibs-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節點:

    • 找出字串[]屬性scg:requiredClientLibs。

    • 選取其Value,以便存取字串陣列對話方塊。

      • 如有需要,向下捲動。

      • 選取+以輸入新的使用者端資源庫。

        • 重複以上步驟以新增更多使用者端程式庫。

        • 選取​ 確定。

    • 選取​ 全部儲存。

NOTE
如果網站不是社群網站,則必須探索網站所使用的使用者端程式庫的存在或位置。

使用AEM Communities快速入門範例(其中site-name為​ engage),新增檢閱元件時會以此方式顯示clientliblist:

檢閱元件

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791