헤드리스 콘텐츠 관리 시스템

Adobe Experience Manager Sites는 혁신적인 콘텐츠 기능을 제공하므로 웹, 모바일 및 개발 중인 신생 채널에 콘텐츠를 사용 또는 재사용할 수 있습니다.

모든 채널에 전달할 콘텐츠를 한곳에서 관리

고객은 웹, 모바일, 매장 사이니지, IoT 앱 등 자신이 이용하는 모든 채널에서 탁월한 디지털 경험을 기대합니다. 이러한 고객 기대에 부응하기 위해 여러 채널에 맞게 매번 콘텐츠를 제작하고 업데이트해야 한다면 콘텐츠 제작 속도가 느려지는 것은 당연합니다. Adobe Experience Manager Sites의 헤드리스 콘텐츠 관리 기능은 탁월한 고객 경험을 재정의합니다.

하나의 통합 플랫폼에서 개발자와 마케터를 모두 지원하여 모든 채널에 전달할 콘텐츠를 관리할 수 있습니다. GraphQL API를 기반으로 개발자는 정형화된 콘텐츠 조각을 헤드리스 방식으로 프런트 엔드 앱에서 사용할 수 있습니다.

서버측 HTML 렌더링 그 이상을 제공합니다. Adobe 헤드리스 CMS 기능을 지원하므로 HTTP API로 어느 채널에서나 페이지에 콘텐츠를 전달하고 JavaScript 프레임워크 기반의 콘텐츠를 표시할 수 있습니다. Adobe Experience Manager Sites를 통해 기존 헤드리스, 하이브리드 헤드리스, 순 헤드리스 콘텐츠 전달 과정에서 콘텐츠와 경험을 유연하게 개발하고 관리해 기존 방식, 하이브리드 헤드리스, 순수 헤드리스 방식으로 전달할 수 있습니다.

주요 기능

GraphQL

GraphQL을 통해 개발자가 기존 앱에서 헤드리스 방식으로 Experience Manager의 콘텐츠를 이용할 수 있습니다. GraphQL은 콘텐츠를 쿼리하고 검색하기 위한 업계 표준의 모든 애플리케이션을 아우르는 쿼리 언어 포맷입니다. 간결하고 효율적으로 고안되었으며, 요청된 콘텐츠만 표시하고 다른 작업은 처리하지 않습니다. 쿼리는 요청마다 참조 항목을 표시하므로 원하는 정보를 검색하는 데 필요한 시간과 대역폭을 크게 줄일 수 있습니다.

핵심 구성 요소

핵심 구성 요소는 HTML 또는 JSON 내보내기용으로 맞춤화가 가능한 콘텐츠 API로, 개발자가 JSON 출력을 기본 포맷이나 사용자 정의 포맷으로 선택할 수 있습니다. 이는 일반적인 HTTP API로 JSON을 전달할 때는 불가능한 작업입니다.

콘텐츠 조각

맞춤화가 가능한 콘텐츠 모델을 사용하여 구조화된 콘텐츠를 만들고 관리할 수 있습니다. 어느 채널에서나 페이지와 독립된 콘텐츠 조각을 텍스트, 미디어와 함께 재사용할 수 있습니다. 이러한 콘텐츠 조각을 웹사이트, 모바일 앱의 페이지나 경험 조각에 사용하거나 AEM 핵심 구성 요소 또는 HTTP API를 통해 곧바로 JSON 포맷으로 모든 엔드포인트에 전달할 수 있습니다. 또한 SPA 편집기 및 경험 조각과 마찬가지로 번역 관리 기능을 사용하여 콘텐츠를 다양한 언어로 번역 및 관리할 수 있습니다.

SPA 편집기

Adobe Experience Manager Sites에서 JavaScript SDK를 사용하여 React 및 Angular를 기반으로 하는 단일 페이지 애플리케이션(SPA)의 직관적인 WYSIWYG 저작을 실행할 수 있습니다. SPA 편집기는 경험 구성 요소, 컨텍스트 기반의 경험 편집기, Adobe Experience Manager Sites의 관리 기능을 통해 지원됩니다. Node.js에서 JavaScript 프런트 엔드 코드의 서버측 렌더링을 통해 초기 경험을 신속하게 전달할 수 있습니다.

Adobe Experience Manager HTTP API

Adobe Experience Manager Sites의 콘텐츠 리포지토리에서 JSON 출력을 통해 콘텐츠(콘텐츠 조각 포함)를 페이지에 순수 헤드리스 방식으로 전달할 수 있습니다.