コマース統合フレームワークを使用したAEMとAdobeのコマース(Magento)の統合

Experience ManagerとAdobeコマース(Magento)は、コマース統合フレームワーク(CIF)を使用してシームレスに統合されます。 CIFを使用すると、AEMはAdobeコマースのGraphQL APIを使用して、コマースインスタンスに直接アクセスし、通信できます。

アーキテクチャの概要

全体的なアーキテクチャは次のとおりです。

CIF アーキテクチャの概要

CIF内では、サーバー側とクライアント側の通信パターンがサポートされます。
サーバー側API呼び出しは、組み込みの汎用GraphQLクライアントと、コマースGraphQLスキーマ用に生成されたデータモデルのセットを組み合わせて使用して実装されます。 また、GraphQL クエリや GQL 形式のミューテーションも使用できます。

React を使用して構築されるクライアントサイドコンポーネントの場合は、Apollo Client が使用されます。

AEM CIF コアコンポーネントのアーキテクチャ

AEM CIF コアコンポーネントのアーキテクチャ

AEM CIFコアコンポー ネントは、 AEM WCMコアコンポーネントと同様のデザインパターンとベストプラクティスに従っています。

AEM CIFコアコンポーネントのAdobeコマースとのビジネスロジックおよびバックエンド通信は、Slingモデルに実装されています。 プロジェクト固有の要件を満たすためにこのロジックをカスタマイズする必要がある場合は、Slingモデルの委任パターンを使用できます。

ヒント

AEM CIF コアコンポーネントのカスタマイズページには、CIF コアコンポーネントのカスタマイズ方法に関する詳細な例とベストプラクティスが記載されています。

プロジェクト内では、AEM CIFコアコンポーネントとカスタムプロジェクトコンポーネントは、Slingのコンテキスト対応設定を使用して、AEMページに関連付けられたAdobeコマースストア用に設定されたクライアントを簡単に取得できます。

このページ