전자 상거래 통합 프레임워크를 사용하여 AEM 및 Adobe 상거래(Magento) 통합

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

아키텍처 개요

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

CIF 아키텍처 개요

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

React를 사용하여 빌드하는 클라이언트측 구성 요소의 경우, Apollo Client가 사용됩니다.

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

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

AEM CIF 코어 구성 요소는 AEM WCM 핵심 구성 요소와 매우 유사한 디자인 패턴 및 우수 사례를 따릅니다.

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

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

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

이 페이지에서는