Intégration d’AEM et d’Adobe Commerce à l’aide de Commerce Integration Framework aem-framework

Experience Manager et Adobe Commerce 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.

Aperçu de l’architecture overview

L’architecture globale est la suivante :

CIF prend en charge les modèles 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. En outre, toute requête ou mutation GraphQL 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 cif-core-components

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é.

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.

Recherche search

CIF fournit par défaut un composant principal de recherche qui est une expérience de recherche générée côté serveur basée sur l’ API Commerce GraphQL. Les clients Commerce ont la possibilité d'utiliser Live Search à la place. Suivez ce lien pour en savoir plus sur l’intégration CIF - Recherche en direct.