커뮤니티 구성 요소용 Clientlibs

소개

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

자세한 내용은 다음을 참조하십시오.

Clientlibs가 필요한 이유

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

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

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

예:Clientlibs 없이 게시된 검토

chlimage_1-244

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

chlimage_1-245

필수 클라이언트 식별

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

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

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

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

chlimage_1-246

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

chlimage_1-247

이 페이지에서는

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now