AEM Sites 비디오 및 튜토리얼
- 적용 대상:
- Experience Manager 6.4
- Experience Manager 6.5
- Experience Manager as a Cloud Service
Edge Delivery Services를 사용하여 AEM Sites에서 게시하려면 여기를 클릭하십시오.
Adobe Experience Manager(AEM) Sites는 선도적인 경험 관리 플랫폼입니다. 이 사용 안내서에는 AEM Sites의 다양한 기능과 성능에 대한 비디오 및 튜토리얼이 포함되어 있습니다.
AEM Sites를 활용한 3가지 빌드 방법
AEM Sites는 경험을 빌드하고, 작성하고, 전달하는 세 가지 방법을 제공합니다. 전체 페이지를 빌드하든, 에지 성능을 최적화하든, Headless 앱을 구동하든, AEM Sites는 프로젝트 요구사항에 맞춘 유연한 옵션을 제공합니다.
- Edge Delivery Services 웹 사이트는 문서 기반 작성 방식 또는 Adobe 범용 편집기를 사용하여 콘텐츠를 작성하고, 이를 활성화한 후 Edge Delivery Services를 통해 HTML 웹 페이지로 최종 사용자에게 전달합니다. 이 옵션은 주로 높은 성능, 확장성, 속도가 필요한 새 프로젝트 및 기존 프로젝트 에 적합합니다.
- Headless/API 중심 웹 경험은 콘텐츠 조각 편집기 또는 범용 편집기를 사용하여 콘텐츠를 작성한 다음 활성화하여 AEM 게시를 통해 JSON으로 전달합니다. 이 옵션은 주로 모바일 앱, 단일 페이지 애플리케이션(SPA) 또는 기타 Headless 애플리케이션에 콘텐츠의 Headless 게재가 필요한 새 프로젝트 및 기존 프로젝트 에 사용됩니다.
- 기존 AEM 은 AEM Sites를 사용하여 웹 경험을 빌드하는 가장 최신의 접근 방식이 아닙니다. 기존 AEM은 AEM 작성자의 페이지 편집기를 사용하여 콘텐츠를 작성하고, 이를 활성화한 후 AEM 게시를 통해 HTML 웹 페이지로 최종 사용자에게 전달합니다. 기존 프로젝트 에는 기존 AEM을 사용하는 것이 좋습니다.
이러한 옵션은 마케팅 조직의 다양한 요구를 충족하도록 설계되었으며, 어떤 채널이나 디바이스에서도 고속으로 확장 가능한 맞춤형 경험을 제공할 수 있도록 해 줍니다.
다음 다이어그램은 다양한 경로를 보여 줍니다.
AEM Sites를 활용한 빌드 방법 비교
다음 표는 세 가지 경로를 개략적으로 비교한 것입니다. 각 경로에서의 콘텐츠 작성 방식과 경험 게재 방식의 차이점을 중심으로 설명합니다.
Edge Delivery Services | Headless/API 중심 | 기존 AEM | |
---|---|---|---|
적합한 대상 | 트래픽, 성능 및 확장성 요구 사항이 높은 웹 사이트 | 모바일 앱, SPA 및 기타 Headless 애플리케이션 | 기존 프로젝트 (최신 접근 방식이 아님) |
작성 도구 | 문서 기반 작성, 범용 편집기 | 콘텐츠 조각, 범용 편집기 | 페이지 편집기 |
작성된 콘텐츠 저장소 | 문서 또는 AEM 작성자 인스턴스 (JCR) | AEM 작성자 인스턴스 (JCR) | AEM 작성자 인스턴스 (JCR) |
게재 | Edge Delivery Services | AEM 게시 인스턴스 (Adobe CDN + Dispatcher 포함) | AEM 게시 인스턴스 (Adobe CDN + Dispatcher 포함) |
게재 콘텐츠 스토어 | Edge Delivery Services | AEM 게시 인스턴스 (JCR) | AEM 게시 인스턴스 (JCR) |
게재 형식 | HTML | JSON | HTML |
개발 기술 | JavaScript, CSS | 모두 (예: Swift, React 등) | Java™, JavaScript, CSS |
구현 단계 | 새 프로젝트 및 기존 프로젝트 | 새 프로젝트 및 기존 프로젝트 | 기존 프로젝트만 |
튜토리얼
다음 튜토리얼을 통해 AEM Sites를 활용한 세 가지 빌드 경로에 대해 알아보십시오.
포괄적인 안내서를 통해 Edge Delivery Services를 살펴봅니다. 빌드, 게시 및 출시 안내서에서는 EDS를 시작하는 데 필요한 모든 내용을 다룹니다.
AEM 콘텐츠를 기반으로 Headless 애플리케이션을 만드는 방법을 알아봅니다. 튜토리얼에서는 iOS, Android 및 React와 같은 프레임워크를 다루므로, 스택에 맞는 것을 선택할 수 있습니다.
WKND 튜토리얼을 사용하여 샘플 AEM Sites 프로젝트를 빌드하는 방법을 알아봅니다. 이 안내서에서는 프로젝트 설정, 핵심 구성 요소, 편집 가능한 템플릿, 클라이언트측 라이브러리 및 구성 요소 개발에 대해 안내합니다.