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 쿼리 또는 돌연변이를 사용할 수 있습니다.
를 사용하여 빌드된 클라이언트측 구성 요소의 경우 반응, Apollo 클라이언트 를 사용합니다.
AEM CIF 핵심 구성 요소 아키텍처 cif-core-components
AEM CIF 핵심 구성 요소 다음과 같이 매우 유사한 디자인 패턴 및 모범 사례를 따르십시오. AEM WCM 코어 구성 요소.
AEM CIF 핵심 구성 요소를 위한 Adobe Commerce과의 비즈니스 논리 및 백엔드 통신은 Sling 모델에서 구현됩니다. 프로젝트별 요구 사항을 충족하도록 이 논리를 사용자 정의해야 하는 경우 슬링 모델에 대한 위임 패턴 을 사용할 수 있습니다.
프로젝트 내에서 AEM CIF 핵심 구성 요소 및 사용자 지정 프로젝트 구성 요소는 Sling 컨텍스트 인식 구성을 통해 AEM 페이지와 연결된 Adobe Commerce 저장소에 대해 구성된 클라이언트를 쉽게 검색할 수 있습니다.
검색 search
CIF은 즉시 사용 가능한 a 검색 핵심 구성 요소 을 기반으로 하는 서버측 렌더링된 검색 경험입니다. 상거래 GraphQL API. 상거래 고객은 다음을 사용할 수 있습니다. 라이브 검색 대신, 팔로우 링크 CIF - Live Search 통합에 대해 자세히 알아보십시오.