버전 6.0부터 Adobe Experience Manager(AEM)은 터치 지원 UI(단순히 터치 UI라고도 함)라는 새로운 사용자 인터페이스를 도입했습니다. Adobe Marketing Cloud 및 전체 Adobe 사용자 인터페이스 지침에 따라 제공됩니다. 이것은 클래식 UI라고 하는 레거시 데스크톱 기반 인터페이스를 사용하는 AEM의 표준 UI가 되었습니다.
클래식 UI와 함께 AEM을 사용하고 있는 경우 인스턴스를 마이그레이션하기 위한 조치를 취해야 합니다. 이 페이지는 개별 리소스에 대한 링크를 제공하여 도약대 역할을 합니다.
이러한 마이그레이션 프로젝트는 인스턴스에 중요한 영향을 줄 수 있습니다. 권장 지침은 프로젝트 관리 - 우수 사례를 참조하십시오.
마이그레이션할 때는 클래식 UI와 터치 UI의 다음(주요) 차이점을 알고 있어야 합니다.
클래식 UI | 터치 활성화 UI |
JCR 저장소에 노드 구조로 설명되어 있습니다. UI의 요소를 나타내는 모든 노드를 ExtJS 위젯이라고 하며 ExtJS 로 클라이언트측에서 렌더링합니다. |
JCR 저장소에 노드 구조로도 설명되어 있습니다. 그러나 이 경우 모든 노드가 렌더링을 담당하는 Sling 리소스 유형(Sling 구성 요소)을 참조합니다. 따라서 UI는 (기본적으로) 서버측에서 렌더링됩니다. |
|
sling:resourceType
|
대화 상자 노드:
|
대화 상자 노드:
|
Javascript 위치:
|
Javascript 위치:
|
이벤트 처리:
|
이벤트 처리:
|
클라이언트가 수행하는 렌더링:
|
서버에서 렌더링 수행:
|
즉, UI의 섹션을 클래식 UI에서 터치 UI로 마이그레이션하는 것은 ExtJS 위젯을 Sling 구성 요소으로 포팅하는 것을 의미합니다. 이 작업을 쉽게 하기 위해 터치 UI는 UI에 대한 일부 Sling 구성 요소(예: [화강암 UI 구성 요소])를 이미 제공하는 [granite UI] 프레임워크를 기반으로 합니다.
시작하기 전에 상태 및 관련 권장 사항을 확인하십시오.
터치 UI를 개발하기 위한 기본 사항은 견고한 기반을 제공합니다.
구성 요소를 마이그레이션할 때 대화 상자는 주요 요소입니다.
AEM 구성 요소 개발(터치 지원 UI 사용)
대화 상자 전환 도구 - 클래식 UI 구성 요소의 대화 상자를 터치 UI로 변환하는 데 도움이 됩니다.
페이지 작성 사용자 지정(터치 지원 UI 사용)
콘솔을 사용자 정의할 수도 있습니다.
터치 UI로의 마이그레이션과 직접적으로 관련이 없지만, 동시에 고려할 가치가 있는 관련 문제가 있습니다. 이는 권장 사항이기도 합니다.
개발 - 우수 사례도 참조하십시오.
AEM 개발에 대한 자세한 내용은
AEM 현대화 툴은 커뮤니티 활동이며 Adobe에 의해 지원되거나 보증되지 않습니다.