Experience Manager 및 Adobe Commerce은 CIF(Commerce Integration Framework)를 사용하여 원활하게 통합됩니다. CIF를 사용하면 AEM이 Adobe Commerce을 사용하여 상거래 인스턴스에 직접 액세스하고 통신할 수 있습니다 GraphQL API.
지원되는 최소 GraphQL API 버전은 2.3.5입니다. 특정 기능은 최신 버전에서만 지원되거나 Adobe Commerce 버전에서만 지원됩니다.
전체 아키텍처는 다음과 같습니다.
CIF 내에서 서버측 및 클라이언트측 통신 패턴을 지원합니다.
서버측 API 호출은 일반적인 기본 빌드를 사용하여 구현됩니다 GraphQL 클라이언트 와 함께 생성된 데이터 모델 세트 사용합니다. 또한 GQL 형식의 모든 GraphQL 쿼리 또는 돌연변이를 사용할 수 있습니다.
를 사용하여 빌드하는 클라이언트측 구성 요소의 경우 React, 아폴로 클라이언트 이 사용됩니다.
AEM CIF 코어 구성 요소 다음과 같이 매우 유사한 디자인 패턴 및 모범 사례를 따릅니다. AEM WCM 코어 구성 요소.
AEM CIF 코어 구성 요소에 대한 Adobe Commerce과의 비즈니스 논리 및 백엔드 통신은 Sling 모델에서 구현됩니다. 프로젝트별 요구 사항을 충족하기 위해 이 논리를 사용자 지정해야 하는 경우 Sling 모델에 대한 위임 패턴을 사용할 수 있습니다.
다음 AEM CIF 핵심 구성 요소 사용자 정의 페이지에는 CIF 코어 구성 요소를 사용자 지정하는 방법에 대한 자세한 예와 우수 사례가 있습니다.
프로젝트 내에서 AEM CIF 코어 구성 요소 및 사용자 지정 프로젝트 구성 요소는 Sling 컨텍스트 인식 구성을 통해 AEM 페이지와 연결된 Adobe Commerce 스토어에 대해 구성된 클라이언트를 쉽게 검색할 수 있습니다.