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統合の作成
-
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」をクリックします。