フロントエンドパイプラインのデプロイメントが web サイトを中断する

この記事では、デプロイメントが正常に終了した場合でも、フロントエンドパイプラインが web サイトに正常に適用されない問題の解決策について説明します。 有効な vhost に ServerAlias を追加して修正します。

説明 description

環境

AEM as a Cloud Service

問題/症状

フロントエンドパイプラインが web サイトに正常に適用されない。 デプロイメントは正常に完了しますが、JS/CSS ファイルは Web サイトに適用されません。

再現手順

  1. aem-site-template-standard version 2.2.0 を使用して新しいサイトを作成します。
  2. そのサイトからソースをダウンロードします。
  3. Web サイトのテーマを変更します。
  4. ソースをリポジトリ/ブランチにプッシュします。
  5. そのリポジトリ/ブランチから FE パイプラインを実行します。

FE パイプラインがデプロイされた後、新しいサイトが壊れ、JS/CSS は読み込まれません。

また、次の場所にもあります。

"/conf/fe-pipeline-test/sling:configs/com.adobe.cq.wcm.core.components.config.HtmlPageItemsConfig/jcr:content" の場合、プロパティ "prefixPath" は次のように設定されます。

"https://static-pxxxxx-eyyyyy.adobeaemcloud.com/5be94d5dbcc77e833330ed8d9d98f549f85aebfffd0ce933c04f9b1e6e67bdad"、良さそうです。

しかし、このサーバーから読み込もうとするリソース(CSS: https://static-pxxxxx-eyyyyy.adobeaemcloud.com/5be94d5dbcc77e833330ed8d9d98f549f85aebfffd0ce933c04f9b1e6e67bdad/theme.css) のように、常に It works を取得します。

解決策 resolution

スタイル設定が静的ドメインから読み込まれ、動作 のみが返される場合、静的ドメインがDispatcher レベルでブロックされているかどうかを確認する必要があります。

FE パイプラインが機能するには、デプロイされたフロントエンドアーティファクトを CDN/Dispatcherで正しく提供する必要があります。

Dispatcher設定によって静的ドメインがブロックされている場合、CSS/JS を読み込むことはできません。

この場合、有効な vhost の少なくとも 1 つに次のいずれかが含まれています。

ServerAlias *
または
ServerAlias "static-p<progId>-e<envId>.adobeaemcloud.com"

Dispatcherの設定を確認した際に、deault.vhost ーザーにのみ ServerAlias "*" ーザーが存在する場合は、 ただし、default.vhost は有効になっていません。

有効な vhost に ServerAlias を追加すると、問題が修正される。

Experience Leagueキャンペーンコミュニティで質問する

このトピックに関するご質問や、以前の回答済みの質問がある場合は、この記事を含む Experience League コミュニティのブログ投稿を参照し ​ ご質問やご意見を送信して、Experience League キャンペーン コミュニティに参加してください。

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f