Adobe Stockの統合

ストアで使用する無数のメディアアセットにアクセスするには、Adobe Stock を Commerce と統合します。

Adobe Stock検索結果 {width="700" modal="regular"}

Adobe Stock サービスは、あらゆるクリエイティブプロジェクトに使用できる、何百万点もの質の高い選ばれたロイヤリティーフリーの写真、ベクター、イラスト、ビデオ、テンプレートおよび 3D アセットを提供します。 Commerce ユーザーは、Adobe Stock アセットをすばやく検索、プレビューおよびライセンス付与することができます。 また、ユーザーは、管理ワークスペースを離れることなく、すべてを メディアストレージに保存できます。

前提条件

この統合には次が必要です。

  • Adobe Developer アカウント
  • Adobe CommerceまたはMagento Open Source、2.3.4 以降

Adobe Stock イメージのライセンスを取得するには、次の操作が必要です。

Commerce とAdobe Stockの統合

Adobe Stock統合をAdobe Commerce用に設定するには、次の 2 つの手順があります。

Adobe Developer統合の作成

  1. Adobe Developer Console に移動します。

  2. [Quick Start] で、[Create new project] をクリックします。

  3. Project overview ​ブロックで、「Add API」をクリックします。

  4. 統合リストから「Adobe Stock」を選択し、「Next」をクリックします。

  5. 「OAuth 2.0 Web App」を選択します。

  6. redirect URI を指定してください

    デフォルトのリダイレクト URI の形式は ${HOST}/${ADMIN_URI}/adobe_ims/oauth/callback/ です。例えば https://store.myshop.com/admin_hgkq1l/adobe_ims/oauth/callback/ です。

    • ${HOST} は、Commerce の完全修飾ドメイン名(例:https://store.myshop.com)です。
    • ${ADMIN_URI} は Commerce の管理者 URI (admin_hgkq1l など)で、magento info:adminuri を実行して取得できます。
  7. Redirect URI pattern を指定します。これは、リダイレクト URI と同じですが、次の 2 つの違いがあります。

    • ピリオド(.)は、2 つのバックスラッシュ(\\)でエスケープする必要があります。
    • パターンの最後に .* を追加します。

    前のデフォルトのリダイレクト URI の例を使用すると、https://store\\.myshop\\.com/admin_hgkq1l/adobe_ims/oauth/callback/.* のようになります。

  8. Next」をクリックします。

  9. 使用可能な範囲を確認し、「Save configured API」をクリックします。

  10. 次のページで、Client ID (API キー)と Client secret をコピーします。

    この情報は、次の節の手順で使用します。

Adobe Stock統合の設定

Commerce Admin でシステム設定を設定するには、前の節 ]create-integration で生成した [API キークライアントシークレット を使用します。

  1. 管理者 サイドバーで、Stores/Settings/Configuration ​に移動します。

  2. 左側のパネルで「Advanced」を展開し、「System」を選択します。

  3. 拡張セレクター を展開し Adobe Stock Integration 以下を実行します。

    • Enabled Adobe StockYes に設定します。

    • API Key (Client ID) を入力します。

    • Client Secret を入力します。

    • Test Connection」をクリックしてキーを検証します。

    詳細設定 – Adobe Stockの統合 {width="600" modal="regular"}

    検証を数秒間行います。 資格情報が有効な場合は、緑色の 接続に成功しました! メッセージ。

  4. 完了したら、「Save Config」をクリックします。

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de