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

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

メモ

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

メモ

GraphQL は現在、Adobe Experience Manager(AEM)as a Cloud Service の、2 つの(個別の)シナリオで使用されています。

アーキテクチャの概要

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

CIF アーキテクチャの概要

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

クライアントサイドコンポーネント(を使用して構築) ReactApollo 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 ストア用に設定されたクライアントを簡単に取得できます。

このページ