Commerce integration framework을 사용한 AEM 및 Adobe Commerce 통합

마지막 업데이트: 2024년 7월 15일

작성 대상:

  • 관리자

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

NOTE
지원되는 최소 GraphQL API 버전은 2.3.5입니다. 특정 기능은 최신 버전 또는 Adobe Commerce 버전에서만 지원됩니다.
NOTE
GraphQL은 현재 Adobe Experience Manager(AEM) as a Cloud Service의 두 가지 (별도) 시나리오에서 사용됩니다.

아키텍처 개요

전반적인 아키텍처는 다음과 같습니다.

CIF 아키텍처 개요

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

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

AEM CIF 핵심 구성 요소 아키텍처

AEM CIF 핵심 구성 요소 아키텍처

AEM CIF 핵심 구성 요소는 AEM WCM 핵심 구성 요소와(과) 매우 유사한 디자인 패턴 및 모범 사례를 따릅니다.

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

TIP
AEM CIF 핵심 구성 요소 사용자 지정 페이지에는 CIF 핵심 구성 요소를 사용자 지정하는 방법에 대한 자세한 예제와 모범 사례가 있습니다.

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

CIF은 Commerce GraphQL API를 기반으로 서버측에서 렌더링된 검색 경험인 검색 핵심 구성 요소를 즉시 제공합니다. Commerce 고객은 대신 실시간 검색을 사용할 수 있습니다. 이 링크를 따라 CIF - Live Search 통합에 대해 자세히 알아보십시오.

Experience Manager