커뮤니티 구성 요소용 Clientlibs

소개

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

기본 정보를 보려면 를 방문하십시오.

Clientlibs가 필요한 이유

Clientlibs는 구성 요소의 적절한 작동(JavaScript) 및 스타일(CSS)에 필요합니다.

가 있는 경우 커뮤니티 기능 기능의 경우 필수 clientlibs를 포함한 필요한 모든 구성 요소 및 구성이 커뮤니티 사이트에 있을 것입니다. 작성자가 추가 구성 요소를 사용할 수 있어야 clientlibs를 추가해야 합니다.

필요한 clientlibs가 없으면 페이지에 커뮤니티 구성 요소 추가 예기치 않은 모양일 뿐만 아니라 javascript 오류가 발생할 수 있습니다.

예 : Clientlibs 없이 평가된 항목

평가

예 : Clientlibs를 사용하여 검토함

reviews-clientlibs

필수 Clientlibs 식별

개발자를 위한 필수 기능 정보는 필요한 clientlibs를 식별합니다.

또한 AEM 인스턴스에서 커뮤니티 구성 요소 안내서 구성 요소에 필요한 clientlib 카테고리 목록에 대한 액세스 권한을 제공합니다.

예를 들어, 맨 위의 검토 페이지 나열된 필수 clientlibs는 다음과 같습니다

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

clientlibs 검토

필수 Clientlibs 추가

페이지에 Communities 구성 요소를 추가하려면, 아직 없는 경우 구성 요소에 필요한 clientlibs를 추가해야 합니다.

사용 CRXDE|Lite 커뮤니티 사이트 페이지에 대한 기존 clientlibslist를 수정하려면

를 사용하여 커뮤니티 사이트에 대한 clientlib을 추가하려면 CRXDE Lite:

  • 찾아보기 https://<server>:<port>/crx/de.

  • 을(를) 찾습니다 clientlibslist 구성 요소를 추가할 페이지의 노드:

    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • 사용 clientlibslist 노드 선택:

    • 문자열 찾기[] 속성 scg:requiredClientLibs.

    • 선택 Value 문자열 배열 대화 상자에 액세스합니다.

      • 필요한 경우 아래로 스크롤합니다.

      • 새 클라이언트 라이브러리를 입력하려면 + 를 선택합니다.

        • 이 단계를 반복하여 클라이언트 라이브러리를 더 추가합니다.

        • 선택 확인.

    • 선택 모두 저장.

노트

사이트가 커뮤니티 사이트가 아닌 경우, 사이트에 대해 사용 중인 클라이언트 라이브러리의 존재 또는 위치를 검색해야 합니다.

사용 AEM Communities 시작하기 예, 여기서 site-name is 참여: 검토 구성 요소를 추가할 때 clientliblist가 표시되는 방식입니다.

review-component

이 페이지에서는