Adobe Stockの統合
ストアで使用する無数のメディアアセットにアクセスするには、Adobe Stock を Commerce と統合します。
Adobe Stock サービスは、あらゆるクリエイティブプロジェクトに使用できる、何百万点もの質の高い選ばれたロイヤリティーフリーの写真、ベクター、イラスト、ビデオ、テンプレートおよび 3D アセットを提供します。 Commerce ユーザーは、Adobe Stock アセットをすばやく検索、プレビューおよびライセンス付与することができます。 また、ユーザーは、管理ワークスペースを離れることなく、すべてを メディアストレージ に保存できます。
前提条件
この統合には次が必要です。
- Adobe Developer アカウント
- Adobe CommerceまたはMagento Open Source, 2.3.4 以降
Adobe Stock イメージのライセンスを取得するには、次の操作が必要です。
- Adobe アカウント
- アカウントに関連付けられた有料の Adobe Stock プラン
Commerce とAdobe Stockの統合
Adobe Stock統合をAdobe Commerce用に設定するには、次の 2 つの手順があります。
- adobe.developer 統合を作成 して API キーを生成
- Commerce Admin でのAdobe Stock統合の設定
Adobe Developer統合の作成
-
Adobe Developer Console に移動します。
-
[Quick Start] で、[Create new project] をクリックします。
-
Project overviewブロックで、「Add API」をクリックします。
-
統合リストから「Adobe Stock」を選択し、「Next」をクリックします。
-
「OAuth 2.0 Web App」を選択します。
-
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を実行して取得できます。
-
Redirect URI pattern を指定します。これは、リダイレクト URI と同じですが、次の 2 つの違いがあります。
- ピリオド（
.）は、2 つのバックスラッシュ（\\）でエスケープする必要があります。 - パターンの最後に
.*を追加します。
前のデフォルトのリダイレクト URI の例を使用すると、
https://store\\.myshop\\.com/admin_hgkq1l/adobe_ims/oauth/callback/.*のようになります。 - ピリオド（
-
「Next」をクリックします。
-
使用可能な範囲を確認し、「Save configured API」をクリックします。
-
次のページで、Client ID （API キー）と Client secret をコピーします。
この情報は、次の節の手順で使用します。
Adobe Stock統合の設定
Commerce Admin でシステム設定を設定するには、前の節 ]create-integration で生成した [API キー と クライアントシークレット を使用します。
-
管理者 サイドバーで、Stores/Settings/Configurationに移動します。
-
左側のパネルで「Advanced」を展開し、「System」を選択します。
-
-
Enabled Adobe Stock を
Yesに設定します。 -
API Key (Client ID) を入力します。
-
Client Secret を入力します。
-
「Test Connection」をクリックしてキーを検証します。
検証を数秒間行います。 資格情報が有効な場合は、緑色の 接続に成功しました！ メッセージ。
-
-
完了したら、「Save Config」をクリックします。