커뮤니티 구성 요소용 Clientlibs

소개

설명서의 이 섹션에서는 커뮤니티 구성 요소에 대한 페이지에 클라이언트측 라이브러리(clientlibs)를 추가하는 방법을 설명합니다.

기본 정보를 보려면 다음을 참조하십시오.

• 사용 세부 정보와 디버깅 도구를 제공하는 클라이언트측 라이브러리 사용
• SCF 구성 요소를 사용자 정의할 때 유용한 정보를 제공하는 SCF용 Clientlibs
• 블로그:예를 들어 AEM 클라이언트 라이브러리를 설명했습니다.

Clientlibs가 필요한 이유

구성 요소의 적절한 기능(JavaScript) 및 스타일링(CSS)에 Clientlibs가 필요합니다.

기능에 대한 커뮤니티 함수가 있는 경우 필요한 clientlibs를 포함하여 필요한 모든 구성 요소 및 구성이 커뮤니티 사이트에 표시됩니다. 작성자가 추가 구성 요소를 사용할 수 있어야 추가 클라이언트를 추가해야 합니다.

필요한 clientlibs가 누락되면 Communities 구성 요소를 페이지에 추가하면 javascript 오류와 예기치 않은 모양이 발생할 수 있습니다.

예:Clientlibs 없이 게시된 검토

예:Clientlibs과(와) 함께 검토한 결과

필수 클라이언트 식별

개발자를 위한 필수 기능 정보는 필수 클라이언트를 식별합니다.

또한 AEM 인스턴스에서 커뮤니티 구성 요소 안내서로 이동하면 구성 요소에 필요한 clientlib 카테고리 목록에 액세스할 수 있습니다.

예를 들어 리뷰 페이지의 맨 위에 나열된 필수 clientlibs는

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

필수 Clientlibs 추가

페이지에 커뮤니티 구성 요소를 추가하려면 아직 없는 경우 구성 요소에 필요한 클라이언트 목록을 추가해야 합니다.

커뮤니티 사이트 페이지에 대한 기존 클라이언트 목록을 수정하려면 CRXDE|Lite를 사용합니다.

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가 표시되는 방식입니다.