Commerce Integration Framework를 사용하여 AEM 및 Adobe Commerce(Magento) 통합

CIF(Commerce Integration Framework)를 사용하여 Experience Manager 및 Adobe Commerce(Magento)이 원활하게 통합됩니다. CIF를 사용하면 AEM이 Adobe Commerce을 사용하여 상거래 인스턴스에 직접 액세스하고 통신할 수 있습니다 GraphQL API.

노트

지원되는 최소 GraphQL API 버전은 2.3.5입니다. 특정 기능은 최신 버전에서만 지원되거나 Adobe Commerce 버전에서만 지원됩니다.

노트

GraphQL은 현재 Adobe Experience Manager(AEM) as a Cloud Service의 두 가지(별도) 시나리오에서 사용됩니다.

아키텍처 개요

전체 아키텍처는 다음과 같습니다.

CIF 아키텍처 개요

CIF 내에서 서버측 및 클라이언트측 통신 패턴을 지원합니다.
서버측 API 호출은 내장된 일반 을 사용하여 구현됩니다 GraphQL 클라이언트 와 함께 생성된 데이터 모델 세트 사용합니다. 또한 GQL 형식의 모든 GraphQL 쿼리 또는 돌연변이를 사용할 수 있습니다.

를 사용하여 빌드된 클라이언트측 구성 요소의 경우 React, 아폴로 클라이언트 이 사용됩니다.

AEM CIF 코어 구성 요소 아키텍처

AEM CIF 코어 구성 요소 아키텍처

AEM CIF 코어 구성 요소 다음과 같이 매우 유사한 디자인 패턴 및 모범 사례를 따릅니다. AEM WCM 코어 구성 요소.

AEM CIF 코어 구성 요소에 대한 Adobe Commerce과의 비즈니스 논리 및 백엔드 통신은 Sling 모델에서 구현됩니다. 프로젝트별 요구 사항을 충족하기 위해 이 논리를 사용자 지정해야 하는 경우 Sling 모델에 대한 위임 패턴을 사용할 수 있습니다.

다음 AEM CIF 핵심 구성 요소 사용자 정의 페이지에는 CIF 코어 구성 요소를 사용자 지정하는 방법에 대한 자세한 예와 우수 사례가 있습니다.

프로젝트 내에서 AEM CIF 코어 구성 요소 및 사용자 지정 프로젝트 구성 요소는 Sling 컨텍스트 인식 구성을 통해 AEM 페이지와 연결된 Adobe Commerce 스토어에 대해 구성된 클라이언트를 쉽게 검색할 수 있습니다.

이 페이지에서는