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

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의 두 가지 (별도) 시나리오에서 사용됩니다.

아키텍처 개요 overview

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

CIF 아키텍처 개요

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

를 사용하여 빌드된 클라이언트측 구성 요소의 경우 반응, Apollo 클라이언트 를 사용합니다.

AEM CIF 핵심 구성 요소 아키텍처 cif-core-components

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

AEM CIF 핵심 구성 요소 다음과 같이 매우 유사한 디자인 패턴 및 모범 사례를 따르십시오. AEM WCM 코어 구성 요소.

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

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

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

검색 search

CIF은 즉시 사용 가능한 a 검색 핵심 구성 요소 을 기반으로 하는 서버측 렌더링된 검색 경험입니다. 상거래 GraphQL API. 상거래 고객은 다음을 사용할 수 있습니다. 라이브 검색 대신, 팔로우 링크 CIF - Live Search 통합에 대해 자세히 알아보십시오.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab