터치 UI로 마이그레이션

버전 6.0부터 Adobe Experience Manager(AEM)에서는 터치 지원 UI(단순히 터치 UI​라고도 함)라는 새로운 사용자 인터페이스를 도입했습니다. Adobe Marketing Cloud 및 전체 Adobe 사용자 인터페이스 지침에 맞게 조정됩니다. 이것은 AEM에서 표준 UI로, 클래식 UI​라고 하는 데스크탑 기반 레거시 인터페이스를 사용하는 것입니다.

클래식 UI가 있는 AEM을 사용하는 경우 인스턴스를 마이그레이션하기 위한 작업을 수행해야 합니다. 이 페이지는 개별 리소스에 대한 링크를 제공하여 발판 역할을 합니다.

노트

이러한 마이그레이션 프로젝트는 인스턴스에 상당한 영향을 줄 수 있습니다. 권장 지침은 프로젝트 관리 - 우수 사례를 참조하십시오.

기본 사항

마이그레이션 시 클래식 UI와 터치 UI의 다음(주요) 차이점을 이해해야 합니다.

클래식 UI 터치 활성화 UI
는 JCR 저장소에 노드 구조로 설명되어 있습니다. UI의 요소를 나타내는 모든 노드를 ExtJS 위젯이라고 하며 ExtJS에 의해 클라이언트측에 렌더링됩니다. JCR 저장소에 노드의 구조로도 설명되어 있습니다. 그러나 이 경우 모든 노드는 Sling 리소스 유형(Sling 구성 요소)을 참조하며 렌더링 작업을 수행합니다. 따라서 UI는 기본적으로 서버측에서 렌더링됩니다.

sling:resourceType

  • 사용되지 않음
 sling:resourceType
  • 사용됨
  • 예
    cq/gui/components/authoring/dialog

대화 상자 노드:

  • 이름: dialog
  • jcr:primaryType: cq:Dialog

대화 상자 노드:

  • 이름: cq:dialog
  • jcr:primaryType: nt:unstructured

Javascript 위치:

  • 필수 부품은 리스너를 사용하여 직접 포함되거나 clientlibs에서 관리됩니다.

Javascript 위치:

  • 필수 부품은 대화 상자 정의에 포함할 수 없습니다.책임의 분리.

이벤트 처리:

  • 대화 상자 위젯은 Javascript 코드를 직접 참조합니다.

이벤트 처리:

  • Javascript가 대화 이벤트를 관찰합니다.
클라이언트에서 렌더링 수행:
  • 클라이언트는 UI 구성 요소를 동적으로 생성합니다.
  • 서버에서 클라이언트 요청(가져오기) 구성 요소 정의(JSON)가 있습니다.
 서버에서 수행하는 렌더링:
  • 클라이언트는 관련 UI와 함께 페이지를 요청합니다.
  • 서버가 UI를 HTML 문서로 전송(푸시)합니다.Coral UI 구성 요소 사용

즉, UI의 섹션을 클래식 UI에서 터치 UI로 마이그레이션하는 것은 ExtJS 위젯​을 Sling 구성 요소​로 이전하는 것을 의미합니다. 이 문제를 해결하기 위해 터치 UI는 UI(Granite UI 구성 요소라고 함)에 대한 일부 Sling 구성 요소를 이미 제공하는 Granite UI 프레임워크를 기반으로 합니다.

시작하기 전에 상태 및 관련 권장 사항을 확인하십시오.

터치 UI를 개발하는 기본 사항은 견고한 기반을 제공합니다.

페이지 작성 마이그레이션

구성 요소를 마이그레이션할 때의 대화 상자는 다음과 같은 주요한 요소입니다.

콘솔 마이그레이션

콘솔을 사용자 지정할 수도 있습니다.

터치 UI로의 마이그레이션과 직접 관련이 없지만, 다음과 같은 것이 권장되므로 동시에 고려해야 할 관련 문제가 있습니다.

노트

개발 - 우수 사례도 참조하십시오.

추가 리소스

AEM 개발에 대한 자세한 내용은 아래의 리소스 수집을 참조하십시오.

주의

AEM 현대화 도구는 커뮤니티 활동으로, Adobe에서 지원하거나 보증하지 않습니다.

이 페이지에서는