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 la communiquer à l’aide des API GraphQL d’Adobe Commerce.

Aperçu de l’architecture

L’architecture globale est la suivante :

Aperçu de l’architecture du CIF

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é, en combinaison avec un ensemble 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

AEM les composants principaux CIF suivent des modèles de conception très similaires et des bonnes pratiques comme les composants principaux de la gestion de contenu web AEM.

La logique commerciale et la communication principale avec Adobe Commerce pour les composants principaux CIF AEM sont implémentées dans les modèles Sling. S’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, AEM composants principaux CIF et les composants de projet personnalisés peuvent facilement récupérer le client configuré pour un magasin Commerce d’Adobe associé à une page AEM via la configuration tenant compte du contexte Sling.

Sur cette page