Integración de AEM y Adobe Commerce (Magento) con Commerce integration framework aem-commerce-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.

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 generan mediante React, se utiliza el cliente Apollo.

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.

recommendation-more-help
51c6a92d-a39d-46d7-8e3e-2db9a31c06a2