[PaaSのみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト(Adobeで管理されるPaaS インフラストラクチャ)とオンプレミス プロジェクトにのみ適用されます。"}

コンテンツ配信ネットワークの利用

コンテンツ配信ネットワーク(CDN)を使用して、メディアファイルを保存できます。 Adobe Commerce on Cloud Infrastructureには、Fastly CDNが含まれています(Commerce on Cloud Infrastructure ガイド​のFastlyを参照)。 オンプレミス にインストールされているCommerce インスタンスには、特定のCDNとの統合が含まれていません。任意のCDNを使用できます。

CDNを設定したら、管理者から設定を完了する必要があります。 変更は、グローバルレベルでもweb サイトレベルでも実行できます。 CDNをメディアストレージに使用すると、Commerce ストアページ上のメディアへのすべてのパスが、設定で指定されたCDN パスに変更されます。

CDN ワークフロー

  1. Browser requests media - ストアのページがお客様のブラウザーで開き、ブラウザーがHTMLで指定されたメディアをリクエストします。
  2. リクエストがCDNに送信されました。画像が見つかり、提供されました – 最初にCDNにリクエストが送信されます。 CDNに画像がストレージ内にある場合は、メディアファイルをお客様のブラウザに配信します。
  3. メディアが見つかりません。リクエストはCommerce web サーバー​に送信されました – CDNにメディアファイルがない場合、リクエストはCommerce web サーバーに送信されます。 メディアファイルがファイルシステム内に見つかった場合、web サーバーはメディアファイルをお客様のブラウザーに送信します。
IMPORTANT
セキュリティ上、CDNをメディアストレージとして使用する場合、CDNがサブドメインの外部にある場合、JavaScriptが正しく機能しないことがあります。

コンテンツ配信ネットワークの設定

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

  2. General​の下の左側のパネルで、Web​を選択します。

  3. 左上隅で、必要に応じて​ Store View ​を設定します。

  4. Base URLs セクションの 拡張セレクター を展開し、次の操作を行います。

    一般設定 – web ベース URL {width="600" modal="regular"}

    • 静的ビューファイルが保存されているCDN上の場所のURLを使用して、Base URL for Static View Files​を更新します。

    • CDNのJavaScript ファイルのURLを使用して、Base URL for User Media Files​を更新します。

      これらのフィールドは両方とも空白のままにするか、プレースホルダーで始めることができます:{% raw %}{{unsecure_base_url}}{% endraw %}

  5. Base URLs (Secure) セクションの 拡張セレクター を展開し、次の操作を行います。

    一般設定 – web ベース URL (セキュア) ​ {width="600" modal="regular"}

    • 静的ビューファイルが保存されているCDN上の場所のURLを使用して、Secure Base URL for Static View Files​を更新します。

    • CDNのJavaScript ファイルのURLを使用して、Secure Base URL for User Media Files​を更新します。

      これらのフィールドは両方とも空白のままにするか、プレースホルダーで始めることができます:{% raw %}{{unsecure_base_url}}{% endraw %}

  6. 完了したら、Save Config​をクリックします。

recommendation-more-help
commerce-admin-help-content-design