2장 - 컨텐츠 조각 모델 사용

AEM 컨텐츠 조각 모델은 AEM 작성자가 원시 컨텐츠 만들기를 템플릿 설정하는 데 사용할 수 있는 컨텐츠 스키마를 정의합니다. 이 방법은 스캐폴딩 또는 양식 기반 작성과 유사합니다. 컨텐츠 조각을 사용하는 주요 개념은 작성된 컨텐츠가 프레젠테이션에 영향을 받지 않으며, 이것은 AEM, 단일 페이지 애플리케이션 또는 모바일 앱이 사용자에게 컨텐츠가 표시되는 방식을 제어하는 데 사용되는 다중 채널 사용을 위해 고안된 것입니다.

컨텐츠 조각의 주요 관심사는 다음을 확인하는 것입니다.

  1. 작성자로부터 올바른 컨텐츠가 수집됩니다
  2. 컨텐츠는 구조화되고 잘 이해된 형식으로 노출되어 애플리케이션을 소모할 수 있습니다.

이 장에서는 "이벤트"를 모델링 및 생성하기 위한 정규화된 데이터 구조 및 작성 인터페이스를 정의하는 데 사용되는 컨텐츠 조각 모델 활성화 및 정의에 대해 설명합니다.

컨텐츠 조각 모델 활성화

컨텐츠 조각 모델 은​ AEM 구성 브라우저​를 통해 활성화되어야 합니다.

컨텐츠 조각 모델이 구성에 대해 활성화되어 있지 않은 이면​​만들기 > 컨텐츠 조각​​단추가 관련 AEM 구성에 대해 표시되지 않습니다.

노트

AEM 구성은 /conf 아래에 저장된 컨텍스트 인식 테넌트 구성 집합을 나타냅니다. 일반적으로 AEM 구성은 AEM Sites에서 관리되는 특정 웹 사이트나 하위 컨텐츠 세트(자산, 페이지 등)를 담당하는 사업부와 상호 연결됩니다 AEM에서 확인하십시오.

구성이 컨텐츠 계층에 영향을 주려면 해당 컨텐츠 계층 구조의 cq:conf 속성을 통해 구성을 참조해야 합니다. (아래 5단계​의 WKND Mobile 구성에 대해 수행됩니다.)

global 구성을 사용하면 구성이 모든 콘텐츠에 적용되며 cq:conf 을 설정할 필요가 없습니다.

자세한 내용은 구성 브라우저 설명서를 참조하십시오.

  1. 적절한 권한이 있는 사용자로 AEM Author에 로그인하여 관련 구성을 수정합니다.

    • 이 자습서에서는 admin 사용자를 사용할 수 있습니다.
  2. 도구 > 일반 > 구성 브라우저​로 이동합니다.

  3. WKND Mobile 옆의 폴더 아이콘​을 탭하여 선택한 다음, 왼쪽 상단에 있는 편집 단추​를 탭합니다.

  4. 컨텐츠 조각 모델​을 선택하고 오른쪽 상단에서 저장 및 닫기​를 탭합니다.

    이 옵션은 WKND Mobile 구성이 적용된 자산 폴더 컨텐츠 트리의 컨텐츠 조각 모델을 활성화합니다.

    노트

    이 구성 변경은 AEM 구성 웹 UI에서 복원할 수 없습니다. 이 구성을 취소하려면 다음을 수행하십시오.

    1. [CRXDE Lite](http://localhost:4502/crx/de) 열기
    1. 다음으로 이동 `/conf/wknd-mobile/settings/dam/cfm`
    1. `models` 노드 삭제
    

    이 구성으로 생성된 모든 기존 컨텐츠 조각 모델은 삭제되고 해당 정의는 /conf/wknd-mobile/settings/dam/cfm/models 아래에 저장됩니다.

  5. WKND Mobile 구성을 WKND Mobile자산 폴더​에 적용하여 컨텐츠 조각 모델의 컨텐츠 조각을 해당 자산 폴더 계층 구조 내에서 만들 수 있습니다.

    1. AEM > Assets > 파일​로 이동합니다.
    2. WKND Mobile 폴더를 선택합니다
    3. 맨 위 작업 표시줄에서 속성 단추를 탭하여 폴더 속성을 엽니다.
    4. 폴더 속성에서 Cloud Services 탭을 탭합니다
    5. 클라우드 구성 필드가 /conf/wknd-mobile​로 설정되어 있는지 확인합니다.
    6. 오른쪽 상단에 있는 저장 및 닫기​를 탭하여 변경 사항을 유지합니다

만들 컨텐츠 조각 모델 이해

컨텐츠 조각 모델을 정의하기에 앞서 필요한 모든 데이터 포인트를 캡처하도록 구동할 경험을 살펴보겠습니다. 이를 위해 모바일 애플리케이션 디자인을 검토하고 디자인 요소를 콘텐츠 수집 대상에 매핑하겠습니다.

다음과 같이 이벤트를 정의하는 데이터 포인트를 분류할 수 있습니다.

컨텐츠 조각 모델 만들기

매핑을 사용하여 최종적으로 이벤트 데이터를 수집하고 표시하는 데 사용할 컨텐츠 조각을 정의할 수 있습니다.

컨텐츠 조각 모델 만들기

  1. 도구 > 자산 > 컨텐츠 조각 모델​으로 이동합니다.
  2. WKND Mobile 폴더를 탭하여 엽니다.
  3. 만들기​를 눌러 컨텐츠 조각 모델 생성 마법사를 엽니다.
  4. Event모델 제목 (설명은 선택 사항임)​로 입력하고 만들기​를 탭하여 저장합니다.

컨텐츠 조각 모델의 구조 정의

  1. 도구 > 자산 > 컨텐츠 조각 모델 >WKND​으로 이동합니다.

  2. Event 컨텐츠 조각 모델 을 선택하고 맨 위 작업 표시줄에서 편집​을 탭합니다.

  3. 오른쪽의 데이터 유형 탭​에서 단일 행 텍스트 입력​을 왼쪽 드롭 영역으로 드래그하여 Question 필드를 정의합니다.

  4. 왼쪽에서 새 단일 행 텍스트 입력​이 선택되고 오른쪽에 속성 탭​이 선택되었는지 확인합니다. 다음과 같이 속성 필드를 채웁니다.

    • 렌더링 형식 : textfield
    • 필드 레이블 : Event Title
    • 속성 이름 : eventTitle
    • 최대 길이 : 25년
    • 필수 : Yes

아래에 정의된 입력 정의를 사용하여 이러한 단계를 반복하여 이벤트 컨텐츠 조각 모델의 나머지 부분을 만듭니다.

노트

Android 애플리케이션이 이러한 이름을 키로 프로그래밍되므로 속성 이름 필드는 정확히 일치해야 합니다.

이벤트 설명

  • 데이터 유형 : Multi-line text
  • 필드 레이블 : Event Description
  • 속성 이름 : eventDescription
  • 기본 유형 : Rich text

이벤트 날짜 및 시간

  • 데이터 유형 : Date and time
  • 필드 레이블 : Event Date and Time
  • 속성 이름 : eventDateAndTime
  • 필수 : Yes

이벤트 유형

  • 데이터 유형 : Enumeration
  • 필드 레이블 : Event Type
  • 속성 이름 : eventType
  • 옵션 : Art,Music,Performance,Photography

티켓 가격

  • 데이터 유형 : Number
  • 렌더링 형식 : numberfield
  • 필드 레이블 : Ticket Price
  • 속성 이름 : eventPrice
  • 유형 : Integer
  • 필수 : Yes

이벤트 이미지

  • 데이터 유형 : Content Reference
  • 렌더링 형식 : contentreference
  • 필드 레이블 : Event Image
  • 속성 이름 : eventImage
  • 루트 경로 : /content/dam/wknd-mobile/images
  • 필수 : Yes

장소 이름

  • 데이터 유형 : Single-line text
  • 렌더링 형식 : textfield
  • 필드 레이블 : Venue Name
  • 속성 이름 : venueName
  • 최대 길이 : 20년
  • 필수 : Yes

장소 구/군/시

  • 데이터 유형 : Enumeration
  • 필드 레이블 : Venue City
  • 속성 이름 : venueCity
  • 옵션 : Basel,London,Los Angeles,Paris,New York,Tokyo
노트

속성 이름​은 이 값이 저장되는 JCR 속성 이름과 JSON 파일에 있는 키를 모두 모두 나타냅니다. 컨텐츠 조각 모델의 수명 동안 변경되지 않는 의미 있는 이름이어야 합니다.

컨텐츠 조각 모델 만들기를 완료한 후에는 다음과 같은 정의가 표시됩니다.

이벤트 컨텐츠 조각 모델

다음 단계

원할 경우 com.adobe.aem.guides.wknd-mobile.content.chapter-2.zip 컨텐츠 패키지를 AEM Package Manager를 통해 AEM Author에 설치합니다. 이 패키지에는 자습서의 이 부분에 설명된 구성 및 컨텐츠가 들어 있습니다.

이 페이지에서는