Show Menu
화제×

컨텐츠 조각 사용자 지정 및 확장

컨텐츠 조각은 표준 자산을 확장합니다. see:

아키텍처

컨텐츠 조각의 기본 구성 부분은 다음과 같습니다.
  • 컨텐츠 조각,
  • 하나 이상의 컨텐츠 ​요소로 구성
  • 하나 이상의 컨텐츠 변형을 사용할 수 ​있습니다.
조각 유형에 따라 모델 또는 템플릿도 사용됩니다.
이제 컨텐츠 조각 모델을 사용하여 모든 조각을 만드는 것이 좋습니다.
컨텐츠 조각 모델은 We.Retail의 모든 예에 사용됩니다.
  • 컨텐츠 조각 모델:
    • 구조화된 컨텐츠를 포함하는 컨텐츠 조각을 정의하는 데 사용됩니다.
    • 컨텐츠 조각 모델은 컨텐츠 조각을 만들 때 해당 구조를 정의합니다.
    • 조각이 모델을 참조합니다. 따라서 모델의 변경 사항이 종속 조각에 영향을 줄 수/있을 것입니다.
    • 모델은 데이터 유형을 구성합니다.
    • 새 변형 등을 추가하는 함수는 해당 조각을 업데이트해야 합니다.
    기존 컨텐츠 조각 모델을 변경하면 종속 조각에 영향을 줄 수 있습니다. 이렇게 하면 해당 조각에 고아 속성이 생길 수 있습니다.
  • 컨텐츠 조각 템플릿:
    • 간단한 컨텐츠 조각을 정의하는 데 사용됩니다.
    • 템플릿은 컨텐츠 조각을 만들 때 컨텐츠 조각의 (기본, 텍스트 전용) 구조를 정의합니다.
    • 템플릿은 만들 때 조각에 복사됩니다. 따라서 템플릿에 대한 추가 변경 사항은 기존 조각에 반영되지 않습니다.
    • 새 변형 등을 추가하는 함수는 해당 조각을 업데이트해야 합니다.
    • 컨텐츠 조각 템플릿은 AEM 에코시스템 내의 다른 템플릿 메커니즘과 다른 방식으로 작동합니다(예: 페이지 템플릿 등). 따라서 별도로 고려해야 합니다.
    • 템플릿을 기반으로 하면 콘텐츠의 MIME 유형이 실제 컨텐츠에서 관리됩니다. 즉, 각 요소와 변형에 다른 MIME 유형이 있을 수 있습니다.

자산과 통합

CFM(컨텐츠 조각 관리)은 다음과 같은 AEM Assets의 일부입니다.
  • 콘텐츠 조각은 자산입니다.
  • 기존 자산 기능을 사용합니다.
  • 자산(관리 콘솔 등)과 완전히 통합됩니다.

구조화된 컨텐츠 조각을 자산에 매핑

구조화된 컨텐츠가 있는 컨텐츠 조각(즉, 컨텐츠 조각 모델을 기반으로 함)은 단일 자산에 매핑됩니다.
  • 모든 컨텐츠는 자산의 노드 아래에 jcr:content/data 저장됩니다.
    • 요소 데이터는 마스터 하위 노드 아래에 저장됩니다.
      jcr:content/data/master
    • 변형은 변형의 이름을 전달하는 하위 노드 아래에 저장됩니다. 예: jcr:content/data/myvariation
    • 각 요소의 데이터는 해당 하위 노드에 요소 이름이 있는 속성으로 저장됩니다. 예: 요소의 컨텐츠 text text jcr:content/data/master
  • 메타데이터 및 관련 컨텐츠는 아래 jcr:content/metadata 에 저장됩니다. 제목 및 설명은 일반 메타데이터로 간주되지 않고 jcr:content

간단한 컨텐츠 조각을 자산에 매핑

템플릿을 기반으로 하는 단순 컨텐츠 조각은 기본 자산과 (선택 사항) 하위 자산으로 구성된 합성에 매핑됩니다.
  • 조각(예: 제목, 설명, 메타데이터, 구조)의 모든 비컨텐츠 정보는 기본 자산에서만 관리됩니다.
  • 조각의 첫 번째 요소의 컨텐츠는 기본 자산의 원래 변환에 매핑됩니다.
    • 첫 번째 요소의 변형(있는 경우)은 기본 자산의 다른 변환에 매핑됩니다.
  • 추가 요소(있는 경우)는 기본 자산의 하위 자산에 매핑됩니다.
    • 이러한 추가 요소의 주요 내용은 해당 하위 자산의 원본 변환에 매핑됩니다.
    • 추가 요소의 다른 변형(해당되는 경우)은 해당 하위 자산의 다른 변환에 매핑됩니다.

자산 위치

표준 자산과 마찬가지로 컨텐츠 조각도 다음 아래에 보관됩니다.
/content/dam

기능 통합

  • CFM(Content Fragment Management) 기능은 자산 코어에 구축되지만 가능한 한 독립적인 것이어야 합니다.
  • CFM은 카드/열/목록 보기의 항목에 대한 자체 구현을 제공합니다. 이러한 플러그인을 기존 자산 컨텐츠 렌더링 구현에 연결합니다.
  • 콘텐츠 조각에 맞게 여러 자산 구성 요소가 확장되었습니다.

페이지에서 컨텐츠 조각 사용

이제 컨텐츠 조각 코어 구성 요소를 권장합니다. 자세한 내용은 핵심 구성 요소 개발을 참조하십시오.
컨텐츠 조각은 다른 자산 유형처럼 AEM 페이지에서 참조할 수 있습니다. AEM에서는 페이지에 컨텐츠 조각을 포함시킬 수 있는 구성 요소인​ 핵심 구성 요소를 제공합니다 . 이 컨텐츠 조각​ ​핵심 구성 요소를​ ​확장할 수도 있습니다.
  • 구성 요소는 fragmentPath 속성을 사용하여 실제 컨텐츠 조각을 참조합니다. 이 fragmentPath 속성은 다른 자산 유형의 비슷한 속성과 동일한 방식으로 처리됩니다. 예를 들어 컨텐츠 조각을 다른 위치로 이동할 경우
  • 구성 요소를 사용하면 표시할 변형을 선택할 수 있습니다.
  • 또한 여러 단락을 선택하여 출력을 제한할 수 있습니다. 예를 들어 다중 열 출력에 사용할 수 있습니다.
    • 여기에서 구성 요소를 사용하여 다른 자산(이미지 등)을 배치할 수 있습니다. 를 참조하십시오.
    • 중간 컨텐츠의 경우 다음을 수행해야 합니다.
      • 불완전한 언급의 가능성을 알고 있다. 중간 컨텐츠(페이지를 작성할 때 추가됨)는 옆에 배치된 단락에 대해 고정 관계가 없으며 중간 컨텐츠의 위치가 상대 위치를 잃기 전에 새 단락(컨텐츠 조각 편집기에서)을 삽입하십시오
      • 추가 매개 변수(예: 변형 및 단락 필터)를 고려하여 검색 결과에 잘못된 양수가 없도록 합니다.
컨텐츠 조각 모델:
페이지의 컨텐츠 조각 모델을 기반으로 한 컨텐츠 조각을 사용하는 경우 모델이 참조됩니다. 즉, 페이지를 게시할 때 모델이 게시되지 않은 경우 플래그가 지정되고 모델이 페이지에 게시될 리소스에 추가됩니다.
컨텐츠 조각 템플릿:
페이지의 컨텐츠 조각 템플릿을 기반으로 한 컨텐츠 조각을 사용할 때 조각을 만들 때 템플릿이 복사되었기 때문에 참조가 없습니다.

OSGi 콘솔을 사용한 구성

컨텐츠 조각의 백엔드 구현은 검색 가능한 페이지에 사용된 조각 인스턴스를 만들거나 혼합 미디어 컨텐츠를 관리하는 것입니다. 이 구현은 조각을 렌더링하는 데 사용되는 구성 요소와 렌더링을 매개 변수화하는 방법을 알아야 합니다.
OSGi 번들 컨텐츠 조각 구성 요소 구성에 대해 웹 콘솔에서 매개 변수를 구성할 수 있습니다 .
  • 리소스 유형 ​의 목록 sling:resourceTypes 컨텐츠 조각을 렌더링하는 데 사용되는 구성 요소와 배경 처리를 적용할 위치를 정의하는 데 사용할 수 있습니다.
  • 참조 ​속성각 구성 요소에 대한 조각의 참조가 저장되는 위치를 지정하도록 속성 목록을 구성할 수 있습니다.
속성과 구성 요소 유형 간에 직접 매핑되는 것은 없습니다.
AEM은 단락에 있는 첫 번째 속성을 가져옵니다. 따라서 속성을 신중하게 선택해야 합니다.
구성 요소가 컨텐츠 조각 배경 처리와 호환되도록 하기 위해 따라야 할 몇 가지 지침은 여전히 있습니다.
  • 렌더링할 요소가 정의된 속성의 이름은 element 또는 elementNames 여야 합니다.
  • 렌더링할 변형을 정의하는 속성의 이름은 variation 또는 variationName 여야 합니다.
  • 여러 요소의 출력이 지원되는 경우(여러 요소를 지정하는 elementNames 데 사용) 실제 표시 모드는 속성에 의해 정의됩니다 displayMode .
    • 값이 singleText (그리고 하나의 요소만 구성되어 있음)이면 요소는 중간 컨텐츠, 레이아웃 지원 등이 있는 텍스트로 렌더링됩니다. 단일 요소만 렌더링되는 단편의 기본값입니다.
    • 그렇지 않으면 중간 컨텐츠가 지원되지 않고 조각 컨텐츠가 "있는 그대로" 렌더링되는 훨씬 단순한 접근 방식이 사용됩니다("양식 보기"라고 할 수 있음).
  • 단편이 displayMode == singleText (암시적 또는 명시적)에 대해 렌더링되는 경우 다음과 같은 추가 속성이 재생됩니다.
    • paragraphScope 모든 단락을 렌더링할지 또는 단락 범위만 렌더링할지를 정의합니다(값: all vs. range )
    • if paragraphScope == range 이면 속성은 렌더링할 단락 범위를 paragraphRange 정의합니다.

다른 프레임워크와의 통합

컨텐츠 조각 통합:
  • 번역
    컨텐츠 조각은 AEM 번역 워크플로우와 완전히 통합됩니다 . 건축적 수준에서, 이것은 다음을 의미한다:
    • 컨텐츠 조각의 개별 변환은 실제로 개별 조각입니다. 예를 들면 다음과 같습니다.
      • 다른 언어 루트 아래에 있습니다.
        /content/dam/<path>/en/<to>/<fragment>
        vs.
        /content/dam/<path>/de/<to>/<fragment>
      • 하지만 언어 루트 아래에서 정확히 동일한 상대 경로를 공유합니다.
        /content/dam/<path>/en/<to>/<fragment>
        vs.
        /content/dam/<path>/de/<to>/<fragment>
    • 규칙 기반 경로 외에도 컨텐츠 조각의 다른 언어 버전 간에 더 이상 연결되지 않습니다. 언어 변형을 탐색하는 수단을 제공하지만 두 개의 개별 조각으로 처리됩니다.
    AEM 번역 워크플로우는 다음과 같이 작동합니다 /content .
    • 컨텐츠 조각 모델은 여기에 상주하므로 /conf 이러한 변환에 포함되지 않습니다. UI 문자열을 국제화할 수 있습니다 .
    • 템플릿이 복사되어 조각을 생성되므로 이것이 암묵적입니다.
  • 메타데이터 스키마
    • 컨텐츠 조각(re)은 표준 자산으로 정의할 수 있는 메타데이터 스키마를 사용합니다.
    • CFM은 고유한 특정 스키마를 제공합니다.
      /libs/dam/content/schemaeditors/forms/contentfragment
      필요한 경우 확장할 수 있습니다.
    • 해당 스키마 양식이 조각 편집기와 통합됩니다.

컨텐츠 조각 관리 API - 서버측

서버측 API를 사용하여 컨텐츠 조각에 액세스할 수 있습니다. see:
컨텐츠 구조에 직접 액세스하는 대신 서버측 API를 사용하는 것이 좋습니다.

주요 인터페이스

다음 세 가지 인터페이스는 시작 지점으로 사용할 수 있습니다.
  • 조각 템플릿 ( 조각 템플릿 )
    새 조각 FragmentTemplate.createFragment() 을 만드는 데 사용합니다.
    Resource templateOrModelRsc = resourceResolver.getResource("...");
    FragmentTemplate tpl = templateOrModelRsc.adaptTo(FragmentTemplate.class);
    ContentFragment newFragment = tpl.createFragment(parentRsc, "A fragment name", "A fragment description.");
    
    
    이 인터페이스는 다음과 같습니다.
    • 컨텐츠 조각을 생성할 컨텐츠 조각 모델 또는 컨텐츠 조각 템플릿 중 하나,
    • 및 (생성 후) 해당 조각의 구조 정보
    이 정보에는 다음이 포함될 수 있습니다.
    • 기본 데이터 액세스(제목, 설명)
    • 조각 요소에 대한 템플릿/모델에 액세스:
      • 목록 요소 템플릿
      • 특정 요소에 대한 구조 정보 가져오기
      • 요소 템플릿에 액세스( 참조 ElementTemplate )
    • 조각 변형에 대한 템플릿에 액세스:
      • 목록 변형 템플릿
      • 주어진 변화에 대한 구조적 정보 얻기
      • 변형 템플릿에 액세스(참조 VariationTemplate )
    • 관련된 초기 컨텐츠 가져오기
    중요한 정보를 나타내는 인터페이스:
    • ElementTemplate
      • 기본 데이터 가져오기(이름, 제목)
      • 초기 요소 컨텐츠 가져오기
    • VariationTemplate
      • 기본 데이터 가져오기(이름, 제목, 설명)
  • 컨텐츠 조각 ( 컨텐츠 조각 )
    이 인터페이스를 사용하면 추상적인 방식으로 컨텐츠 조각을 사용하여 작업할 수 있습니다.
    이 인터페이스를 통해 조각에 액세스하는 것이 좋습니다. 콘텐츠 구조를 직접 변경하지 마십시오.
    이 인터페이스는 다음 방법을 제공합니다.
    • 기본 데이터 관리(예: 이름 가져오기; get/set title/description)
    • 메타 데이터 액세스
    • 액세스 요소:
      • 목록 요소
      • 이름별로 요소 가져오기
      • 새 요소 만들기( 경고 참조 )
      • 요소 데이터에 액세스(참조 ContentElement )
    • 조각에 대해 정의된 목록 변형
    • 전역적으로 새로운 변형 만들기
    • 관련 컨텐츠 관리:
      • 목록 컬렉션
      • 컬렉션 추가
      • 컬렉션 제거
    • 조각 모델 또는 템플릿에 액세스
    조각의 주요 요소를 나타내는 인터페이스는 다음과 같습니다.
    • 콘텐츠 요소 ( ContentElement )
      • 기본 데이터 가져오기(이름, 제목, 설명)
      • 콘텐츠 가져오기/설정
      • 요소의 변형 액세스:
      • 변형에 대한 해결 단축키(지정한 변형을 요소에 사용할 수 없는 경우 구현 전용 폴백 논리 추가 적용)
    • 컨텐츠 변형 ( ContentVariation )
      • 기본 데이터 가져오기(이름, 제목, 설명)
      • 콘텐츠 가져오기/설정
      • 마지막으로 수정한 정보를 기반으로 한 단순 동기화
    세 가지 인터페이스 모두 ContentFragment , ContentElement ContentVariation Versionable 인터페이스를 확장하여 컨텐츠 조각에 필요한 버전 관리 기능을 추가합니다.
    • 요소의 새 버전 만들기
    • 요소의 목록 버전
    • 버전 관리 요소의 특정 버전 컨텐츠 가져오기

적용 - adaptTo() 사용

다음을 조정할 수 있습니다.
  • ContentFragment 을(를) 다음과 같이 적용할 수 있습니다.
    • Resource - 기본 Sling 리소스; 기본 개체를 Resource 직접 업데이트해야 ContentFragment 합니다.
    • Asset - 컨텐츠 조각을 나타내는 DAM Asset 추상화 를 Asset 직접 업데이트하려면 개체를 다시 ContentFragment 구성해야 합니다.
  • ContentElement 을(를) 다음과 같이 적용할 수 있습니다.
    • ElementTemplate - 요소의 구조적 정보에 액세스하는 경우.
  • FragmentTemplate 을(를) 다음과 같이 적용할 수 있습니다.
    • Resource - Resource 참조된 모델 또는 복사한 원본 템플릿을 결정하는 경우
      • 를 통해 변경한 내용 Resource FragmentTemplate
  • Resource 을(를) 다음과 같이 적용할 수 있습니다.
    • ContentFragment
    • FragmentTemplate

Caveats

다음 사항을 명시해야 합니다.
  • API는 UI에서 지원하는 기능을 제공하기 위해 구현됩니다.
  • 전체 API는 API JavaDoc에 별도로 명시되어 있지 않는 한 변경 사항을 자동으로 지속하지 않도록 설계되었습니다. 따라서 항상 해당 요청의 리소스 해결 프로그램(또는 실제 사용 중인 해결 프로그램)을 커밋해야 합니다.
  • 추가 작업이 필요할 수 있는 작업:
    • 새 요소를 생성/제거해도 단순 조각의 데이터 구조가 업데이트되지 않습니다(조각 템플릿 기반).
    • 새 변형을 만들면 데이터 구조가 업데이트되지 ContentElement 않지만, 처음부터 전역적으로 만들어집니다 ContentFragment .
    • 기존 변형을 제거해도 데이터 구조가 업데이트되지 않습니다.

컨텐츠 조각 관리 API - 클라이언트측

AEM 6.5의 경우 클라이언트측 API는 내부적입니다.

추가 정보

다음을 참조하십시오.
  • filter.xml
    컨텐츠 조각 관리 filter.xml 에 대한 구성이 Assets 핵심 컨텐츠 패키지와 겹치지 않도록 구성되었습니다.

세션 편집

사용자가 편집기 페이지 중 하나에서 컨텐츠 조각을 열면 편집 세션이 시작됩니다. 사용자가 # 또는 # 를 선택하여 편집기를 떠나면 편집 세션이** 끝납니다 .

요구 사항

편집 세션을 제어하기 위한 요구 사항은 다음과 같습니다.
  • 여러 뷰(= HTML 페이지)에 걸쳐 있는 컨텐츠 조각을 편집하는 것은 원자여야 합니다.
  • 편집도 트랜잭션 이 되어야 합니다 . 편집 세션이 종료될 때 변경 내용을 커밋하거나(저장) 롤백하거나(취소)해야 합니다.
  • 가장자리의 경우 적절하게 처리해야 합니다. 여기에는 사용자가 URL을 수동으로 입력하거나 전역 탐색을 사용하여 페이지를 나가는 경우와 같은 경우가 포함됩니다.
  • 데이터 손실을 방지하기 위해 주기적인 자동 저장(x분 단위)을 사용할 수 있어야 합니다.
  • 두 사용자가 동시에 컨텐츠 조각을 편집하는 경우 서로의 변경 사항을 덮어쓰지 않아야 합니다.

프로세스

관련 프로세스는 다음과 같습니다.
  • 세션 시작
    • 컨텐츠 조각의 새 버전이 만들어집니다.
    • 자동 저장이 시작되었습니다.
    • 쿠키가 설정되어 있습니다. 현재 편집된 조각을 정의하고 편집 세션이 열려 있음을 정의합니다.
  • 세션 완료
    • 자동 저장이 중지되었습니다.
    • 약정 시:
      • 마지막으로 수정한 정보가 업데이트됩니다.
      • 쿠키가 제거됩니다.
    • 롤백 시:
      • 편집 세션이 시작될 때 생성된 컨텐츠 조각 버전이 복원됩니다.
      • 쿠키가 제거됩니다.
  • 편집
    • 모든 변경 사항(자동 저장 포함)은 분리된 보호 영역이 아닌 활성 컨텐츠 조각에서 수행됩니다.
    • 따라서 이러한 변경 사항은 해당 컨텐츠 조각을 참조하는 AEM 페이지에 즉시 반영됩니다

작업

가능한 작업은 다음과 같습니다.
  • 페이지 입력
    • 편집 세션이 이미 있는지 확인합니다. 쿠키를 확인하고
      • 해당 섹션이 있는 경우 현재 편집 중인 컨텐츠 조각에 대해 편집 세션이 시작되었는지 확인합니다
        • 현재 조각이 있는 경우 세션을 다시 설정합니다.
        • 그렇지 않은 경우 이전에 편집한 컨텐츠 조각에 대한 편집을 취소하고 쿠키를 제거합니다(이후 편집 세션이 존재하지 않음).
      • 편집 세션이 없는 경우 사용자가 변경한 첫 번째 내용을 기다립니다(아래 참조).
    • 컨텐츠 조각이 페이지에서 이미 참조되었는지 확인하고, 참조한 경우 적절한 정보를 표시합니다.
  • 컨텐츠 변경
    • 사용자가 컨텐츠를 변경하고 편집 세션이 없을 때마다 새 편집 세션이 만들어집니다(세션 시작 참조 ).
  • 페이지 나가기
    • 편집 세션이 있고 변경 사항이 지속되지 않은 경우 사용자에게 컨텐츠 손실이 있을 수 있는 사실을 알리고 해당 페이지가 계속 유지될 수 있도록 하는 모달 확인 대화 상자가 표시됩니다.

예: 기존 컨텐츠 조각 액세스

이를 위해 API를 나타내는 리소스를 다음과 같은 용도로 적용할 수 있습니다.
com.adobe.cq.dam.cfm.ContentFragment
예:
// first, get the resource
Resource fragmentResource = resourceResolver.getResource("/content/dam/fragments/my-fragment");
// then adapt it
if (fragmentResource != null) {
    ContentFragment fragment = fragmentResource.adaptTo(ContentFragment.class);
    // the resource is now accessible through the API
}

예: 새 컨텐츠 조각 만들기

프로그래밍 방식으로 새 컨텐츠 조각을 만들려면 다음을 사용해야 합니다.
com.adobe.cq.dam.cfm.ContentFragmentManager#create
예:
Resource templateOrModelRsc = resourceResolver.getResource("...");
FragmentTemplate tpl = templateOrModelRsc.adaptTo(FragmentTemplate.class);
ContentFragment newFragment = tpl.createFragment(parentRsc, "A fragment name", "A fragment description.");

예: 자동 저장 간격 지정

자동 저장 간격(초 단위)은 구성 관리자(ConfMgr)를 사용하여 정의할 수 있습니다.
  • 노드: <*conf-root*>/settings/dam/cfm/jcr:content
  • 속성 이름: autoSaveInterval
  • 유형: Long
  • 기본값: 600 10분) this is defined on /libs/settings/dam/cfm/jcr:content
자동 저장 간격을 5분으로 설정하려면 노드에서 속성을 정의해야 합니다. 예를 들면 다음과 같습니다.
  • 노드: /conf/global/settings/dam/cfm/jcr:content
  • 속성 이름: autoSaveInterval
  • 유형: Long
  • 값: 300 (5분은 300초로 완료)

컨텐츠 조각 템플릿

자세한 내용은 컨텐츠 조각 템플릿을 참조하십시오.