Intégration d’AEM et d’Adobe Commerce (Magento) à l’aide de Commerce Integration Framework

Les composants Experience Manager et Adobe Commerce (Magento) sont intégrés de manière transparente à l’aide de Commerce Integration Framework (CIF). CIF permet à AEM d’accéder directement à l’instance de commerce et de communiquer avec cette dernière à l’aide des API GraphQL d’Adobe Commerce.

REMARQUE

La version minimale de l’API GraphQL prise en charge est 2.3.5. Certaines fonctionnalités ne sont prises en charge que dans les versions plus récentes ou uniquement dans l’édition Adobe Commerce.

REMARQUE

GraphQL est actuellement utilisé dans deux scénarios (distincts) dans Adobe Experience Manager (AEM) as a Cloud Service :

Aperçu de l’architecture

L’architecture globale est la suivante :

Aperçu de l’architecture du CIF

Le CIF prend en charge les schémas de communication côté serveur et côté client.
Les appels d’API côté serveur sont implémentés à l’aide du client GraphQL générique intégré, associé à un jeu de modèles de données générés pour le schéma GraphQL de commerce. De plus, toute requête GraphQL ou mutation au format GQL peut être utilisée.

Pour les composants côté client, qui sont créés à l’aide de React, le client Apollo est utilisé.

Architecture des composants principaux AEM CIF

Architecture des composants principaux AEM CIF

Les composants principaux AEM CIF suivent des modèles de conception et des bonnes pratiques très similaires à ceux des composants principaux AEM WCM.

La logique commerciale et la communication d’arrière-plan avec Adobe Commerce pour les composants principaux AEM CIF sont mises en œuvre dans les modèles Sling. Au cas où il est nécessaire de personnaliser cette logique pour répondre aux exigences spécifiques du projet, le modèle de délégation des modèles Sling peut être utilisé.

CONSEIL

La page Personnalisation des composants principaux AEM CIF contient un exemple détaillé et des bonnes pratiques sur la personnalisation des composants principaux du CIF.

Dans les projets, les composants principaux AEM CIF et les composants de projet personnalisés peuvent facilement récupérer le client configuré pour un magasin Adobe Commerce lié à une page AEM via la configuration tenant compte du contexte Sling.

Sur cette page