커뮤니티 구성 요소에 대한 Clientlibs

마지막 업데이트: 2023-10-19
  • 주제:
  • Communities
    이 항목에 대한 자세한 내용 보기
  • 작성 대상:
  • User

소개

이 설명서 섹션에서는 Communities 구성 요소용 페이지에 클라이언트측 라이브러리(clientlib)를 추가하는 방법에 대해 설명합니다.

기본 정보는 다음을 참조하십시오.

Clientlib이 필요한 이유

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

다음 항목이 있는 경우: 커뮤니티 기능 기능의 경우 필수 clientlib을 포함하여 필요한 모든 구성 요소 및 구성이 커뮤니티 사이트에 있습니다. 작성자가 추가 구성 요소를 사용할 수 있는 경우에만 clientlib을 추가해야 합니다.

필수 clientlib이 누락된 경우 페이지에 Communities 구성 요소 추가 이 경우 JavaScript 오류가 발생하고 예기치 않은 모양이 발생할 수 있습니다.

예 : Clientlibs 없이 리뷰를 배치했습니다

리뷰 게시

예 : Clientlibs를 사용하여 리뷰 배치

reviews-clientlibs

필요한 Clientlibs 식별

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

또한 AEM 인스턴스에서 커뮤니티 구성 요소 안내서 구성 요소에 필요한 clientlib 범주 목록에 대한 액세스를 제공합니다.

예를 들어 의 맨 위에 리뷰 페이지 나열된 필수 clientlib은 다음과 같습니다

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

clientlibs-reviews

필수 Clientlibs 추가

Communities 구성 요소를 페이지에 추가하려면 구성 요소에 필요한 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 문자열 배열 대화 상자에 액세스할 수 있습니다.

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

      • 새 클라이언트 라이브러리를 입력하려면 +를 선택하십시오.

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

        • 선택 확인.

    • 선택 모두 저장.

노트

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

사용 AEM Communities 시작하기 예, 위치 site-name 은(는) 참여, 이는 리뷰 구성 요소를 추가할 때 clientliblist가 표시되는 방식입니다.

review-component

이 페이지에서는