Commerce integration framework을 사용한 AEM 및 Adobe Commerce 통합 aem-framework
Experience Manager과 Adobe Commerce은 Commerce integration framework(CIF)를 사용하여 원활하게 통합됩니다. CIF을 사용하면 AEM이 Adobe Commerce의 GraphQL API를 사용하여 상거래 인스턴스에 직접 액세스하고 통신할 수 있습니다.
- CIF이 GraphQL을 통해 상거래와 통신하는 이 시나리오입니다.
- AEM 콘텐츠 조각은 AEM GraphQL API(표준 GraphQL 기반의 맞춤화된 구현)와 함께 작동하여 애플리케이션에서 사용할 구조화된 콘텐츠를 제공합니다.
아키텍처 개요 overview
전반적인 아키텍처는 다음과 같습니다.
CIF 내에서 서버측 및 클라이언트측 통신 패턴을 지원합니다.
서버측 API 호출은 상거래 GraphQL 스키마에 대한 생성된 데이터 모델 집합과(와) 함께 내장된 일반 GraphQL 클라이언트를 사용하여 구현됩니다. 또한 GQL 형식의 모든 GraphQL 쿼리 또는 돌연변이를 사용할 수 있습니다.
React을 사용하여 빌드된 클라이언트측 구성 요소의 경우 Apollo Client이 사용됩니다.
AEM CIF 핵심 구성 요소 아키텍처 cif-core-components
AEM CIF 핵심 구성 요소는 AEM WCM 핵심 구성 요소와(과) 매우 유사한 디자인 패턴 및 모범 사례를 따릅니다.
AEM CIF 핵심 구성 요소를 위한 Adobe Commerce과의 비즈니스 논리 및 백엔드 통신은 Sling 모델에서 구현됩니다. 프로젝트별 요구 사항을 충족하도록 이 논리를 사용자 정의해야 하는 경우 슬링 모델에 대한 위임 패턴 을 사용할 수 있습니다.
프로젝트 내에서 AEM CIF 핵심 구성 요소 및 사용자 지정 프로젝트 구성 요소는 Sling 컨텍스트 인식 구성을 통해 AEM 페이지와 연결된 Adobe Commerce 저장소에 대해 구성된 클라이언트를 쉽게 검색할 수 있습니다.
검색 search
CIF은 Commerce GraphQL API를 기반으로 서버측에서 렌더링된 검색 경험인 검색 핵심 구성 요소를 즉시 제공합니다. Commerce 고객은 대신 실시간 검색을 사용할 수 있습니다. 이 링크를 따라 CIF - Live Search 통합에 대해 자세히 알아보십시오.