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

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

노트

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

아키텍처 개요

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

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 스토어에 대해 구성된 클라이언트를 쉽게 검색할 수 있습니다.

이 페이지에서는