설명서AEMAEM Screens 안내서

적응형 표현물: 아키텍처 개요 및 구성 adaptive-renditions

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • 사용자

소개 introduction

적응형 렌디션을 사용하면 장치가 고객 정의 규칙에 따라 장치에 가장 적합한 렌디션을 자동으로 클릭할 수 있습니다. 장치는 이러한 규칙에 따라 에셋의 가장 적절한 표현물을 자동으로 다운로드하고 재생하므로 고객은 main 경험만 디자인하는 데 집중할 수 있습니다.

목표 objective

이제 AEM Screens 개발자로서 모든 콘텐츠 변형을 수동으로 만들지 않고도 장치별 에셋 렌디션을 자동으로 다운로드하고 재생하도록 구성할 수 있습니다. 콘텐츠 작성자가 AEM Screens 채널에서 이 기능을 사용하기 전에 적응형 렌디션을 구성합니다.

아키텍처 개요 architectural-overview

적응형 렌디션은 특정 명명 규칙에 따라 이름이 지정된 에셋에 대한 여러 렌디션을 갖는 개념을 기반으로 합니다. 특정 렌디션을 재생하려면 예상되는 기능이 있는 장치에서만 확인할 수 있는 미디어 쿼리 식을 평가해야 합니다.

연관된 렌디션 이름 지정 패턴이 있는 기능은 아래 그림과 같이 세로 또는 가로와 같은 렌디션 매핑 규칙을 정의합니다. 사용 가능한 모든 표현식을 계산한 후 Screens 플레이어는 일치하는 규칙에 해당하는 이름 지정 패턴을 수집합니다. 패턴은 렌디션 이름에서 패턴을 찾아 시퀀스 재생 중에 올바른 렌디션을 찾는 데 사용됩니다.

이미지

Screens 프로젝트에 렌디션 매핑 속성 추가 rendition-mapping-new

적응형 렌디션 기능을 활성화하려면 다음 매핑 규칙이 있어야 하며 채널 및 디스플레이에 대한 CA(컨텍스트 인식) 구성을 해결해야 합니다.

NOTE
콘텐츠 인식 구성에 대한 자세한 내용은 여기를 참조하세요.

아래 단계에 따라 설정을 구성하십시오.

  1. CRXDE Lite(으)로 이동합니다. 아래 그림과 같이 /conf/screens/sling:configs/rendition-mapping에 렌디션 매핑 구성이 있는지 확인합니다.

    이미지

    note important
    IMPORTANT
    최신 기능 팩 202109을 설치한 경우 CRXDE Lite의 /conf/screens/sling:configs/rendition-mapping에 미리 채워진 렌디션 매핑 노드 구조가 표시됩니다. 최신 기능 팩에 대한 자세한 내용을 보려면 기능 팩 202109 릴리스 정보를 참조하십시오.
    기존 프로젝트의 경우 Screens 프로젝트에 렌디션 매핑 구성이 연결되어 있는지 확인하십시오. 자세한 내용은 기존 프로젝트에 렌디션 매핑 추가 섹션을 참조하십시오.

기존 프로젝트에 렌디션 매핑 속성 추가 rendition-mapping-existing

  1. CRXDE Lite(으)로 이동합니다.

  2. 아래 그림과 같이 프로젝트 콘텐츠 노드에 /conf/screens을(를) 가리키는 sling:configRef 속성을 추가하여 렌디션 매핑 연결을 명시적으로 정의합니다.

    이미지

렌디션 매핑 규칙 추가 add-rendition-mapping-rules

렌디션 매핑에 노드를 추가하려면 아래 단계를 따르십시오.

  1. CRXDE Lite ​에서 이 경로 /conf/screens/sling:configs/rendition-mapping(으)로 이동합니다.

  2. 렌디션 매핑 아래에 노드를 만듭니다. 아래 그림과 같이 렌디션 매핑 ​을 마우스 오른쪽 단추로 클릭하고 만들기 > 노드 만들기 ​를 클릭합니다.

    이미지

  3. 노드 만들기 대화 상자에서 규칙1 ​과(와) 같은 매핑 규칙에 대한 이름 ​과(와) 유형 ​을(를) nt:unstructured(으)로 입력하십시오. 확인 ​을 클릭합니다.

    이미지

  4. 쿼리 표현식이 포함된 값으로 표현식 속성을 추가합니다.

    note note
    NOTE
    자세한 내용은 미디어 쿼리 구문 사용을 참조하세요.

    만든 rule1 ​을(를) 클릭하고 아래와 같이 Name ​에 식 ​을(를), Value ​에 (orientation:landscape) ​을(를) 입력하십시오. 추가 ​를 클릭합니다.

    이미지

  5. 렌디션 이름 지정 패턴을 포함하는 값으로 패턴 속성을 추가합니다.

    note note
    NOTE
    표현식이 true로 평가되는 경우 패턴 속성에 정의된 값이 새 자산 렌디션과 일치하고 선택됩니다.

    패턴 속성을 추가하려면 만든 rule1 ​을 클릭하고 아래와 같이 Name ​에 pattern ​을(를) 입력하고 Value ​에 landscape ​을(를) 입력하십시오. 추가 ​를 클릭합니다.

    이미지

  6. 모두 저장 ​을 클릭하고 렌디션 매핑 ​에서 만든 노드 아래의 속성을 확인합니다.

    이미지

다음 단계 next-steps

콘텐츠 작성자는 렌디션 매핑 속성 및 규칙을 추가한 후 에셋을 구성할 수 있습니다. 적응형 렌디션을 사용하고 대규모 네트워크용으로 디바이스를 마이그레이션하여 AEM Screens 채널에서 이 기능을 사용할 수도 있습니다. 자세한 내용은 AEM Screens에서 적응형 표현물 사용을 참조하십시오.

recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053