リモートアセットのサポート remote-assets-support

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

OpenAPI 搭載 Dynamic Media を使用してリモートアセットをサポートするコアコンポーネントの画像コンポーネントおよびティーザーコンポーネントを設定する方法について説明します。

NOTE

OpenAPI 搭載 Dynamic Media は、以前は次世代の Dynamic Media と呼ばれていました。機能と使用方法は同じです。

HTTPS を設定 https

通常は、HTTP を使用して、すべての実稼動 AEM インスタンスを実行することをお勧めします。ただし、ローカル開発環境がこのように設定されていない場合があります。しかし、OpenAPI 搭載 Dynamic Media を使用するリモートアセットを機能させるには HTTPS が必要です。

このガイドを使用して、開発環境を含むリモートアセットを使用する場所で HTTPS を設定します。

リモートアセットの場所は、OSGi の設定で定義する必要があります。次世代の Dynamic Media 設定 OSGi の設定を次のように行って、値をリモートアセット環境の値に置き換えます。

imsClient="<ims-client-name>"
enabled=B"true"
imsOrg="<ims-org>@AdobeOrg"
repositoryId="<repo-id>.adobeaemcloud.com"

次世代の Dynamic Media 設定 OSGi の設定ウィンドウ

OSGi の設定方法について詳しくは、次のドキュメントを参照してください。

OpenAPI 搭載 Dynamic Media を使用したリモートアセット機能が動作していることを確認できます。これを行うには、WKND サンプルサイトとコアコンポーネントをインストールします。

コアコンポーネントと WKND サイトをインストールすると、任意の WKND ページで機能をテストできます。

HTTPS を使用して、AEM インスタンスにアクセスします。
ページエディターで、https://<host>:<httpsPort>/editor.html/content/wknd/language-masters/en/magazine/arctic-surfing.html などの WKND デモページを開きます。
ページに画像コンポーネントを追加します。
コンポーネントの設定ダイアログで、「アセット」タブの「ページからアイキャッチ画像を継承」オプションのチェックをオフにし、「選択」をクリックします。
設定が正しい場合は、「ローカル」オプションと「リモート」オプションを含むドロップダウンが表示されます。「リモート」を選択します。
ダイアログが開き、リモートサービスに対する認証を行う必要があります。
認証が完了すると、リモートサービスのアセットブラウザーが開きます。目的のアセットを選択し、「選択」をタップまたはクリックします。