Commerce メタデータをサポートするようにAEM Assets プロジェクトを設定します

AEM AssetsでCommerce アセットファイルを管理するには、次の手順を実行してAEM Assets プロジェクトを設定し、AEM オーサリング環境からCommerce アセットを管理するために必要なボイラープレートコードとメタデータを入力します。

  • 手順 1: ボイラープレートコードを含んだAEM プロジェクトテンプレートをインストールして、Experience Manager Assets as a Cloud Service環境設定にCommerce名前空間およびメタデータスキーマリソースを追加する。
  • 手順 2: Commerce アセットファイルに適用するメタデータプロファイルの設定

AEM プロジェクトにボイラープレートコードを追加します。

Adobeは、AEM Commerce環境設定にCommerce名前空間およびメタデータスキーマリソースを追加するExperience Manager Assets as a Cloud Service ボイラープレート(assets-commerce)を提供します。 このコードを Maven パッケージとして環境にデプロイします。 次に、AEM Assets オーサリング環境でCommerce メタデータを設定して、設定を完了します。

ボイラープレートは、次のリソースをAEM Assets オーサリング環境に追加します。

  • Commerce関連のプロパティを識別するた ​ の ​ カスタム名前空間 Commerce

    • Adobe Commerce プロジェクトに関連付けられたCommerce アセットにタグ付けするた commerce:isCommerce のラベルが付いたカスタムメタデータタイプ Eligible for Commerce

    • カスタムメタデータタイプ commerce:skus と、Product Data スタムプロパティを追加するための対応する UI コンポーネント。 商品データには、Commerce アセットを商品 SKU に関連付けるためのメタデータプロパティが含まれています。

      ​ カスタム製品データ UI コントロール ​ {width="600" modal="regular"}

    • Commerceでのアセットのビジュアライゼーション方法を示すカスタムメタデータタイプ commerce:roles および commerce:positions の属性。

  • Commerce アセットにタグ付けするための Eligible for Commerce フィールドと Product Data フィールドを含む、Commerce タブを持つメタデータスキーマフォーム このフォームには、AEM Assets UI の roles フィールドと position フィールドを表示または非表示にするオプションも用意されています。

    AEM Assets メタデータスキーマフォームの「Commerce」タブ ​ {width="600" modal="regular"}

  • 最初のアセットの同期をサポートするための ​ タグ付けされた承認済みCommerce アセット ​ サンプル equipment_6.jpg。 AEM AssetsからAdobe Commerceに同期できるのは、承認済みのCommerce アセットのみです。

NOTE
2}AEM Commerce ボイラープレート ​ について詳しくは、readme} を参照してください。

前提条件

commerce-assets パッケージをAEM Assets as a Cloud Service AEM環境にデプロイするには、次のリソースと権限が必要です。

commerce-assets パッケージのインストール

  1. 必要に応じて、AEM Cloud Managerから、AEM Assets プロジェクトの実稼動環境とステージング環境を作成します。

  2. 必要に応じて、デプロイメントパイプラインを設定します。

  3. GitHub から、AEM Commerce ボイラープレート ​ からコードをダウンロードします。

  4. ​ ローカル AEM開発環境 ​ から、カスタムコードをAEM Assets環境設定に Maven パッケージとしてインストールするか、既存のプロジェクト設定に手動でコードをコピーします。

  5. 変更をコミットし、ローカル開発ブランチをCloud Manager Git リポジトリにプッシュします。

  6. AEM Cloud Managerから ​ コードをデプロイしてAEM環境を更新します ​

オプション。 メタデータプロファイルの設定

AEM Assets オーサー環境で、メタデータプロファイルを作成して、Commerce アセットメタデータのデフォルト値を設定します。 次に、新しいプロファイルをAEM Asset フォルダーに適用すると、これらのデフォルトが自動的に使用されます。 この設定により、手動の手順が減ることでアセット処理が合理化されます。

メタデータプロファイルを設定する場合、次のコンポーネントを設定するだけで済みます。

  • 「Commerce」タブを追加します。 このタブでは、テンプレートによって追加されたCommerce固有の設定を有効にします
  • Eligible for Commerce」フィールドを「Commerce」タブに追加します。

テンプレートに基づいて、製品データ UI コンポーネントが自動的に追加されます。

メタデータプロファイルの定義

  1. Adobe Experience Manager オーサー環境にログインします。

  2. Adobe Experience Manager Workspace から、Adobe Experience Manager アイコンをクリックして、AEM Assetsのオーサーコンテンツ管理ワークスペースに移動します。

    AEM Assetsの作成 ​ {width="600" modal="regular"}

  3. ハンマーアイコンを選択して、管理者ツールを開きます。

    AEM オーサー管理者によるメタデータプロファイルの管理 ​ {width="600" modal="regular"}

  4. Metadata Profiles」をクリックして、プロファイル設定ページを開きます。

  5. Commerce統合用のメタデータプロファイルを Create 定します。

    AEM オーサー管理者によるメタデータプロファイルの追加 ​ {width="600" modal="regular"}

  6. Commerce メタデータ用のタブを追加します。

    1. 左側で、「Settings」をクリックします。

    2. タブ セクションの [+] をクリックし、Tab NameCommerce を指定します。

  7. Eligible for Commerce フィールドをフォームに追加します。

    AEM オーサー管理者のプロファイルにメタデータフィールドを追加 ​ {width="600" modal="regular"}

    • Build form」をクリックします。

    • Single Line text」フィールドをフォームにドラッグします。

    • 「」をクリックして、ラベルの Eligible for Commerce のテキストを追加 Field Label ます。

    • 「設定」タブで、ラベルテキストを フィールドラベル に追加します。

    • プレースホルダーテキストを yes に設定します。

    • Map to Property フィールドで、次の値をコピーして貼り付けます

      code language-terminal
      ./jcr:content/metadata/commerce:isCommerce
      
  8. オプション。 承認済みのCommerce アセットをAEM Assets環境にアップロードする際に自動的に同期させるには、「Review Status」タブの「Basic」フィールドのデフォルト値を approved に設定します。

  9. 更新を保存します。

メタデータプロファイルのCommerce assets ソースフォルダーへの適用

  1. ​ Metadata Profiles ページで、「Commerce統合」プロファイルを選択します。

  2. アクションメニューから「Apply Metadata Profiles to Folders」を選択します。

  3. Commerce アセットを含むフォルダーを選択します。

    Commerce フォルダーが存在しない場合は作成します。

  4. Apply」をクリックします。

次の手順

[PaaS のみ ​]{class="badge informative" title="クラウドプロジェクト上のAdobe Commerceにのみ適用されます(Adobeが管理する PaaS インフラストラクチャ)。"}Adobe Commerce パッケ ​ ジのインストール ​

recommendation-more-help
c7f8bba7-a224-4875-a4b3-c2716835c81e