Le déploiement du pipeline front-end interrompt le site web

Dernière mise à jour : 2023-11-17

Cet article décrit une solution au problème où les pipelines frontend ne sont pas correctement appliqués aux sites web, même lorsque le déploiement se termine avec succès. Ajoutez ServerAlias à un vhost activé pour le corriger.

Description

Environnement

AEM as a Cloud Service

Problème/Symptômes

Les pipelines frontend ne sont pas correctement appliqués aux sites web. Bien que le déploiement soit terminé avec succès, la variable js/css ne sont pas appliqués au site web.

Procédure à suivre

  1. Créez un site à l’aide du aem-site-template-standard version 2.2.0.
  2. Téléchargez des sources à partir de ce site.
  3. Apportez quelques modifications au thème du site web.
  4. Poussez les sources dans le référentiel/la branche.
  5. Exécutez le pipeline FE à partir de ce référentiel/branche.

Une fois le pipeline FE déployé, le nouveau site est interrompu et aucun js/css est chargé.

En outre, vous pouvez le voir à l’adresse :

"/conf/fe-pipeline-test/sling:configs/com.adobe.cq.wcm.core.components.config.HtmlPageItemsConfig/jcr:content", la propriété "prefixPath" est défini sur :

"https://static-pxxxxx-eyyyyy.adobeaemcloud.com/5be94d5dbcc77e833330ed8d9d98f549f85aebfffd0ce933c04f9b1e6e67bdad", qui a l’air bien.

Mais quelle que soit la ressource que nous essayons de charger à partir de ce serveur (comme le css: https://static-pxxxxx-eyyyyy.adobeaemcloud.com/5be94d5dbcc77e833330ed8d9d98f549f85aebfffd0ce933c04f9b1e6e67bdad/theme.css), nous obtenons toujours "Ça marche".

Résolution

Étant donné que la mise en forme se charge à partir du domaine statique, elle renvoie uniquement "Ça marche", nous devons vérifier si le domaine statique n’est pas bloqué au niveau du Dispatcher.

Pour que les pipelines FE fonctionnent, les artefacts front-end déployés doivent être correctement servis par CDN/dispatcher.

Si le domaine statique est bloqué par la configuration du Dispatcher, la variable css/js ne peut pas être chargé.

Pour ce faire, au moins l’un des vhosts activés possède :

ServerAlias *
OR
ServerAlias "static-p<progId>-e<envId>.adobeaemcloud.com"

Lors de la vérification de la configuration du Dispatcher du client, il était possible de constater que seule la variable deault.vhost has ServerAlias "*". Toutefois, la variable default.vhost n’était pas activé.

Ajouter ServerAlias à un vhost activé correction du problème.

Sur cette page