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

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 출력을 통해 콘텐츠(콘텐츠 조각 포함)를 페이지에 순수 헤드리스 방식으로 전달할 수 있습니다.

Adobe Experience Manager Sites의 헤드리스 콘텐츠 관리에 대해 더 알아보기

이미지

GraphQL을 기반으로 헤드리스 CMS 사용하기

Experience Manger 헤드리스에 관한 포괄적인 튜토리얼을 확인하고 GraphQL과 Experience Manager를 함께 사용하여 단일 페이지 애플리케이션 경험을 강화하는 방법을 살펴보십시오.

API를 통해 헤드리스 콘텐츠 관리 및 전달

Experience Manager로 모든 채널의 최신 앱 경험에 헤드리스 콘텐츠를 전달하는 방법을 살펴보십시오.

이미지
이미지

하이브리드 CMS를 통해 빠르게 SPA 관리

하이브리드 콘텐츠 관리 시스템(CMS)에서 SPA 편집기를 통해 콘텐츠 제작 속도를 높이고, IT 업무를 줄이는 방법을 살펴보십시오.

추가 정보

GraphQL

Experience Manager에서 GraphQL API를 사용하는 방법을 살펴보십시오.

콘텐츠 서비스

콘텐츠 서비스를 사용하여 콘텐츠를 제작, 관리하고 API 엔드포인트를 통해 모든 채널에 전달하는 방법을 살펴보십시오.

Adobe Experience Manager Assets API

폴더와 에셋을 생성하고 업데이트 및 관리하는 방법과 HTTP API 데이터 모델에 대해 살펴보십시오.

Adobe Experience Manager의 단일 페이지 애플리케이션

Adobe Experience Manager Sites를 통해 단일 페이지 애플리케이션을 간편하게 구축하고 관리하는 방법을 확인해 보십시오.

관련 기능

단일 페이지 앱 편집

웹 사이트에 사용하는 것과 동일한 드래그 앤 드롭 방식의 편집기를 통해 React나 Angular와 같은 오픈소스 프레임워크 기반으로 단일 페이지 애플리케이션(SPA)을 편집하거나 관리할 수 있습니다.

graph-ql

개발자는 API를 통해 GraphQL을 사용하여 콘텐츠를 쿼리하고 앱에서 필요한 콘텐츠만 이용하여 네트워크 요청을 줄이고 앱 경험을 향상시킬 수 있습니다.

CaaS(Content as a Service)

사용자는 프로그래머틱 방식으로 Adobe Experience Manager Sites의 콘텐츠 리포지토리에 액세스하여 모바일 앱, IoT 앱, 스마트 디바이스, 매장 스크린 등 많은 서드파티 애플리케이션에 제공할 콘텐츠를 얻을 수 있습니다.

Adobe를 통해 얻을 수 있는 이점을 확인해 보십시오.

Portrait