GraphQL에서 컨텐츠 조각을 사용하여 헤드리스 컨텐츠 전달

컨텐츠 조각 및 GraphQL API를 사용하여 AEM(Adobe Experience Manager) as a Cloud Service CMS(Headless Content Management System)로 사용할 수 있습니다.

이 작업은 AEM GraphQL API(표준 GraphQL을 기반으로 하는 사용자 정의 구현)와 함께 컨텐츠 조각을 사용하여 애플리케이션에서 사용할 구조화된 컨텐츠를 헤드리도록 합니다. 단일 API 쿼리를 사용자 지정하는 기능을 사용하면 렌더링하려는 특정 콘텐츠(단일 API 쿼리에 대한 응답)를 검색하고 전달할 수 있습니다.

노트

자세한 내용은 헤드리스 및 AEM AEM Sites as a Cloud Service용 헤드리스 개발에 대한 소개.

헤드리스 CMS

헤드리스 콘텐츠 관리 시스템(CMS)은 다음과 같습니다.

  • "헤드리스 콘텐츠 관리 시스템 또는 헤드리스 CMS는 처음부터 콘텐츠 저장소로서 구축된 백 엔드 전용 콘텐츠 관리 시스템(CMS)으로, API를 통해 콘텐츠를 액세스하여 모든 장치에 표시할 수 있도록 합니다.

    자세한 내용은 위키백과.

AEM에서 컨텐츠 조각 작성 측면에서 볼 때 이것은 다음을 의미합니다.

  • 컨텐츠 조각을 사용하여 주로 형식이 지정된 페이지에 직접 게시되지 않는 컨텐츠를 작성할 수 (1:1).

  • 컨텐츠 조각 모델에 따라 컨텐츠 조각의 컨텐츠가 미리 결정된 방식으로 구조화됩니다. 이렇게 하면 애플리케이션의 액세스를 간소화할 수 있으므로 컨텐츠가 더 많이 처리됩니다.

GraphQL - 개요

GraphQL은

  • "…api에 대한 쿼리 언어 및 기존 데이터를 사용하여 이러한 쿼리를 수행하기 위한 런타임.".

    GraphQL.org를 참조하십시오.

다음 AEM GraphQL API 에서 (복잡한) 쿼리를 수행할 수 있습니다. 컨텐츠 조각; 각 쿼리가 특정 모델 유형에 따라 달라집니다. 그런 다음 반환된 컨텐츠를 애플리케이션에서 사용할 수 있습니다.

AEM GraphQL API

Adobe Experience as a Cloud Experience에서 표준 GraphQL API의 사용자 정의된 구현이 개발되었습니다. 자세한 내용은 컨텐츠 조각에 사용할 AEM GraphQL API 자세한 내용

AEM GraphQL API 구현은 GraphQL Java 라이브러리.

AEM GraphQL API에서 사용할 컨텐츠 조각

컨텐츠 조각 는 다음과 같이 AEM 쿼리에 대한 GraphQL의 기반으로 사용할 수 있습니다.

  • 페이지에 영향을 받지 않는 컨텐츠를 디자인, 작성, 조정 및 게시할 수 있도록 합니다.
  • 다음 컨텐츠 조각 모델 정의된 데이터 유형을 통해 필요한 구조를 제공합니다.
  • 다음 조각 참조를 사용하면 모델을 정의할 때 사용할 수 있으며 구조를 추가로 정의할 수 있습니다.

GraphQL에서 사용할 컨텐츠 조각

콘텐츠 조각

콘텐츠 조각:

  • 구조화된 컨텐츠를 포함합니다.

  • 이러한 ID는 컨텐츠 조각 모델- 결과 조각의 구조를 사전 정의합니다.

콘텐츠 조각 모델

다음 컨텐츠 조각 모델:

  • 를 생성하는 데 사용됩니다 스키마, 한 번 활성화됨.

  • GraphQL에 필요한 데이터 유형과 필드를 제공합니다. 이 URL은 응용 프로그램이 가능한 요청만 하고 예상 내용을 수신하도록 합니다.

  • 데이터 유형 조각 참조 모델에서 다른 컨텐츠 조각을 참조하여 추가 구조 수준을 도입할 수 있습니다.

조각 참조

다음 조각 참조:

  • GraphQL과 함께 특정 관심이 있습니다.

  • 컨텐츠 조각 모델을 정의할 때 사용할 수 있는 특정 데이터 유형입니다.

  • 특정 컨텐츠 조각 모델에 따라 다른 조각을 참조합니다.

  • 구조화된 데이터를 검색할 수 있습니다.

    • 로 정의된 경우 다중 피드​를 채울 경우 하위 조각에서 여러 하위 조각을 참조(검색)할 수 있습니다.

JSON 미리보기

컨텐츠 조각 모델 디자인 및 개발에 도움이 되도록 미리 볼 수 있습니다 JSON 출력.

AEM으로 GraphQL을 사용하는 방법 배우기 - 샘플 콘텐츠 및 쿼리

자세한 내용은 AEM에서 GraphQL을 사용하는 방법 학습 - 샘플 컨텐츠 및 쿼리 AEM GraphQL API 사용에 대한 소개입니다.

튜토리얼 - AEM Headless 및 GraphQL 시작하기

실습형 튜토리얼을 찾고 계십니까? Headless CMS 시나리오에서, AEM의 GraphQL API를 사용하여 콘텐츠를 구축하고 노출하고 외부 앱에서 사용하는 방법을 보여 주는 AEM Headless 및 GraphQL 시작하기 엔드투엔드 튜토리얼을 확인하십시오.

이 페이지에서는