Integración de AEM y Adobe Commerce con Commerce integration framework aem-framework

Experience Manager y Adobe Commerce se integran perfectamente con Commerce integration framework (CIF). CIF permite que AEM acceda directamente a la instancia de Commerce y se comunique con ella mediante las API de GraphQL de Adobe Commerce.

NOTE
La versión mínima de la API de GraphQL admitida es 2.3.5. Algunas funciones solo son compatibles con las versiones más recientes o solo con la edición de Adobe Commerce.
NOTE
GraphQL se utiliza actualmente en dos escenarios (independientes) en Adobe Experience Manager (AEM) as a Cloud Service:

Información general sobre la arquitectura overview

La arquitectura general es la siguiente:

Información general sobre la arquitectura del CIF

Dentro de CIF, hay compatibilidad con patrones de comunicación del lado del servidor y del lado del cliente.
Las llamadas de API del lado del servidor se implementan mediante el cliente GraphQL genérico integrado en combinación con un conjunto de modelos de datos generados para el esquema de Commerce GraphQL. Además, se puede utilizar cualquier consulta o mutación de GraphQL en formato GQL.

Para los componentes del lado del cliente, que se crean con React, se usa Apollo Client.

Arquitectura de componentes principales de AEM CIF cif-core-components

Arquitectura de los componentes principales del CIF de AEM

Los componentes principales de AEM CIF siguen patrones de diseño y prácticas recomendadas muy similares a los de los componentes principales de AEM WCM.

La lógica empresarial y la comunicación back-end con Adobe Commerce para los componentes principales de AEM CIF se implementan en los modelos Sling. En caso de que sea necesario personalizar esta lógica para cumplir los requisitos específicos del proyecto, se puede utilizar el patrón de delegación para modelos Sling.

TIP
La página Personalización de los componentes principales del CIF de AEM tiene un ejemplo detallado y una práctica recomendada sobre cómo personalizar los componentes principales del CIF.

Dentro de los proyectos, los componentes principales de AEM CIF y los componentes de proyecto personalizados pueden recuperar fácilmente el cliente configurado para una tienda de Adobe Commerce asociado a una página de AEM mediante la configuración según el contexto de Sling.

CIF proporciona de forma predeterminada un Componente principal de búsqueda que es una experiencia de búsqueda procesada en el lado del servidor basada en la API de Commerce GraphQL. clientes de Commerce tienen la opción de usar Live Search en su lugar. Siga este vínculo para obtener más información sobre la integración de CIF con Live Search.

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