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

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

メモ

サポートされているGraphQL APIの最小バージョンは2.3.5です。一部の機能は、新しいバージョンでのみ、またはAdobeコマースエディションでのみサポートされています。

アーキテクチャの概要

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

CIF アーキテクチャの概要

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

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

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

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

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

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

ヒント

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

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

このページ