Notes de publication de Composable Storefront

Ces notes de publication incluent les mises à jour concernant Progressive Web App (PWA) Kit et Managed Runtime.

Les dernières notes de publication de PWA Kit sont publiées sur la page des versions sur GitHub avant d’être publiées ici. Pour rester informé des nouvelles versions du PWA Kit, abonnez-vous aux notifications GitHub pour les nouvelles versions. Voir Configuration de vos paramètres de surveillance.
  • Les notes de publication peuvent être publiées avant la mise à jour des paquets Github concernés. Les notes de mise à jour identifient toute version de package applicable dans laquelle une fonctionnalité est disponible.
  • Pour consulter les notes de publication générales de B2C Commerce, reportez-vous à l’l’aide Salesforce.

Les boutiques PWA Kit peuvent désormais envoyer des événements d’engagement vers Data Cloud, offrant ainsi une visibilité accrue sur les données client unifiées en temps réel. Reportez-vous à la section Intégrer PWA Kit à Data Cloud.

La gestion des redirections dans l’interface utilisateur d’administration du runtime est plus efficace avec un nouveau format de tableau paginé, ce qui vous permet d’afficher davantage d’informations de redirection à l’avant. Voir Redirections.

Les échecs de déploiement sur les environnements fournissent désormais des informations plus détaillées, ce qui vous donne plus de clarté sur les actions correctives à entreprendre. Reportez-vous à la section Résolution des erreurs Bundle Push.

ap-south-2 (Hyderabad) est désormais prise en charge pour les environnements. Consultez la liste des régions prises en charge.

Divers bogues d’administration d’exécution ont également été corrigés :

  • L’ajout de plusieurs variables d’environnement à la suite via Runtime Admin est corrigé
  • Correction de la suppression des en-têtes de contrôle d’accès via Runtime Admin
  • Correction du décodage de l’aperçu de la boutique pour les URL Base64

Avec B2C Commerce version 25.3, l’authentification hybride (auth) remplace le plug-in SLAS. L’authentification hybride améliore les performances et la stabilité des boutiques hybrides en déplaçant la fonctionnalité directement dans la plateforme B2C Commerce. Reportez-vous à la section Configurer une boutique hybride avec l’authentification hybride.

Vous pouvez maintenant déployer vos projets PWA Kit avec Node 22 ! Pour mettre à jour votre version de Node.js, suivez les instructions dans Mettre à jour la version de Node.

Chaque année, des versions de Node.js sortent du cadre de la prise en charge formelle. Pour assurer une posture de sécurité forte et une expérience de développement fluide, nous imposons des restrictions sur la version de Node des projets déployés sur Managed Runtime. Node 18 a une date de fin de vie fixée au 1er septembre 2025.

Nous vous recommandons fortement de mettre à niveau vos projets de production bien avant la date de fin de vie. Selon votre version de PWA Kit, vous pouvez mettre à jour vers Node 20 ou 22.

Cette fonctionnalité est généralement disponible à partir de la version 6.0 de Retail React App. Améliorez l’expérience des acheteurs avec une réduction du temps d’implémentation. Grâce à la connexion par les réseaux sociaux, les acheteurs peuvent rapidement se connecter à votre site et créer des profils à l’aide de leurs comptes de réseaux sociaux. Voir Implémenter la connexion par réseaux sociaux.

Cette fonctionnalité est généralement disponible à partir de la version 6.0 de Retail React App. Améliorez l’expérience des acheteurs avec une réduction du temps d’implémentation. Avec la réinitialisation du mot de passe, si les acheteurs ont oublié leur mot de passe, ils peuvent utiliser un code de vérification ou un lien dans un e-mail ou un SMS pour retrouver l’accès à leur compte en créant un nouveau mot de passe. Voir Implémenter la réinitialisation du mot de passe.

Cette fonctionnalité est généralement disponible à partir de la version 6.0 de Retail React App. Améliorez l’expérience des acheteurs avec une réduction du temps d’implémentation. La connexion sans mot de passe permet aux acheteurs de se connecter en toute sécurité à votre site à l’aide d’un code de vérification ou d’un lien dans un e-mail ou un SMS au lieu d’un mot de passe. Voir Implémenter la connexion sans mot de passe.

Une bannière de consentement au suivi est généralement disponible avec um modèle Retail React App version 6.0 ou ultérieure. Préservez la confiance des acheteurs et réduisez les coûts d’implémentation. La bannière de consentement au suivi permet à vos acheteurs d’accepter ou de refuser le suivi de leurs activités sur votre site. Voir Protect Privacy with a Tracking Consent Banner (Protéger la confidentialité avec une bannière de consentement au suivi).

Améliorez la stabilité et les performances des boutiques hybrides et assurez une expérience d’achat optimale. Voir Mise à jour de stabilité hybride pour PWA Kit version 3.8.0 ou Mise à jour de stabilité hybride pour PWA Kit version 2.x.

La personnalisation avec le contexte des acheteurs est désormais préintégrée dans l’application Retail React App version 5.0.0 ou ultérieure. Promouvez des expériences d’achat personnalisées et réduisez les coûts d’implémentation. Le contexte des acheteurs vous permet d’utiliser des fonctionnalités telles que des promotions, des prix et des recommandations de produits personnalisés pour améliorer la conversion et la fidélité des acheteurs. Voir Personnaliser avec le contexte des acheteurs.

Poursuivez votre expansion à l’international ! Pour optimiser les performances en colocalisant avec les instances backend dans les régions Hyperforce, vous pouvez maintenant déployer vos environnements Managed Runtime dans ces régions :

  • sa-east-1 - Amérique du Sud (São Paulo)
  • eu-central-2 - UE (Zurich)
  • eu-south-1 - UE (Milan)
  • ap-southeast-3 - Asie-Pacifique (Jakarta)
  • me-central-1 - Moyen-Orient (Émirats arabes unis)
  • il-central-1 - Israël (Tel Aviv)

Auparavant, vous pouviez afficher les journaux dans Log Center uniquement pour les environnements de production associés aux instances des groupes d’instances principaux (PIG). Vous pouvez désormais afficher les journaux des instances des groupes d’instances secondaires (SIG) et des On-Demand Sandboxes (ODS). Ces nouveaux journaux sont pris en compte dans les limites de volume des journaux.

Cette fonctionnalité est généralement disponible à partir de la version 3.7 de PWA Kit. Avec le paramètre de requête __server_timing, vous pouvez surveiller les performances de votre site PWA Kit pour soutenir vos efforts d’optimisation. Le paramètre donne accès à l’en-tête HTTP et aux journaux Server-Timing, qui proposent des métriques sur certaines parties du processus de rendu côté serveur, telles que la correspondance d’itinéraires, le chargement des composants et les stratégies de récupération. Les journaux de métriques de performances sont également disponibles dans Log Center. Voir __server_timing.

Retail React App version 4.0 utilise les nouvelles versions de Commerce SDK React et Commerce SDK Isomorphic. Ces SDK respectent maintenant les directives SLAS (Shopper Login and API Access) pour transmettre channel_id comme argument lors de la récupération des jetons d’accès invité. Voir Jetons d’invité.

Le localisateur de magasins est généralement disponible avec Retail React App version 4.0 ou ultérieure et Commerce SDK React version 2.0.1 ou ultérieure. Notre localisateur de magasins permet à vos acheteurs de trouver des magasins à proximité à partir de leur code postal, de leur ville, etc. Ajoutez facilement les informations de vos magasins dans Business Manager pour personnaliser les métadonnées de localisation affichées sur votre site. Voir Augmenter les ventes en magasin grâce au localisateur de magasins.

Les groupes de produits sont généralement disponibles avec Retail React App version 4.0 ou ultérieure et Commerce SDK React version 2.0.1 ou ultérieure. Utilisez des groupes de produits afin de regrouper plusieurs produits connexes en un même article commandable pour améliorer la praticité et la personnalisation pour les acheteurs. Les acheteurs peuvent mettre à jour les variantes et les quantités des offres groupées directement dans leur panier. Par exemple, un magasin de vêtements de sport en ligne peut proposer une « offre groupée pour les coureurs » afin que les acheteurs puissent sélectionner leur pointure de chaussures, la taille des vêtements et le modèle de tracker de fitness directement dans leur panier. Les groupes de produits peuvent vous aider à réduire les abandons de panier et à améliorer la gestion des stocks. Voir Groupe de produits.

Limitez l’accès à un environnement Managed Runtime au trafic provenant de l’eCDN. Configurez un en-tête de contrôle d’accès partagé sur l’ensemble de votre eCDN et de votre environnement pour vous assurer que les acheteurs, les bots et les robots d’indexation n’accèdent pas directement à votre environnement.

Consultez la mise à jour du Guide Lancer votre boutique en ligne et la nouvelle API upsertOriginHeaderModification pour en savoir plus sur la configuration de Managed Runtime et de l’eCDN en vue de verrouiller votre environnement.

Trouvez rapidement les journaux générés par votre site PWA Kit en recherchant les espaces de noms ajoutés comme préfixes aux journaux dans Log Center. L’espace de noms identifie la partie spécifique où une erreur s’est produite dans votre codebase, et vous aide à concentrer vos efforts de dépannage. Voir Débogage à l’aide du Log Center.

Limitez l’accès à votre environnement Managed Runtime au trafic provenant de votre réseau de diffusion de contenu (CDN) tiers. Configurez un en-tête de contrôle d’accès partagé sur l’ensemble de votre CDN et de votre environnement pour vous assurer que les acheteurs, les bots et les robots d’indexation n’accèdent pas directement à votre environnement.

Consultez En-têtes de contrôle d’accès et l’API projects_target_access_control_header_create pour savoir comment verrouiller votre environnement.

Stimulez la conversion et l’engagement des acheteurs et réduisez les coûts d’implémentation grâce à nos mosaïques de produits considérablement améliorées disponibles dans la Retail React App de PWA Kit. Les mosaïques de produits comportent désormais :

  • Légendes promotionnelles
  • Prix barrés
  • Échantillons de mosaïques de produits pour la sélection des variantes
  • Badges de produits
  • Utilisation de l’API productSearch avec des extensions, qui offre des performances améliorées par rapport à la combinaison des API productSearch et getProduct(s)

Créez facilement un sitemap dans Business Manager (BM) pour votre boutique headless ou PWA Kit basée sur B2C Commerce. Les sitemaps fournissent aux robots d’indexation des instructions sur les pages à indexer et la hiérarchie du site, et ils contribuent à améliorer le classement SEO. Voir Améliorer le référencement avec un sitemap.

PWA Kit prend désormais en charge la collecte des métriques de commande Active Data. Utilisez cette collecte pour comprendre le comportement des clients et optimiser votre stratégie de merchandising et de segmentation. Voir Active Data.

Utilisez Runtime Admin pour gérer les variables d’environnement. Cette fonctionnalité est disponible en tant qu’alternative à la gestion des variables d’environnement à l’aide de l’API Managed Runtime. Les variables d’environnement vous permettent d’ajouter des variables dans le processus d’application exécuté dans un environnement, sans avoir à modifier le code. voir Variables d’environnement.

Cette fonctionnalité est désormais disponible pour tous.

Résolvez les erreurs de votre site créé avec PWA Kit à l’aide de Log Center :

  • Recherchez et filtrez de nombreux journaux. Consultez les anciens journaux.
  • Accédez à une interface utilisateur unique pour afficher les journaux de Managed Runtime (MRT) et de votre instance B2C Commerce. Reliez ce qui se passe dans votre environnement MRT à ce qui se passe dans votre instance B2C Commerce.
  • Consultez facilement les journaux MRT sans utiliser de CLI.

Voir Débogage à l’aide du Log Center.

Cette fonctionnalité est généralement disponible à partir de la version 3.5 de PWA Kit. Consultez la page des versions sur GitHub pour connaître la dernière version disponible de PWA Kit.

Activez un client privé Shopper Login and API Access Service (SLAS) dans votre site PWA Kit afin de pouvoir prendre en charge ces fonctionnalités avec un temps d’implémentation réduit :

  • Connexion sans mot de passe
  • Réinitialisation du mot de passe
  • Temps de chargement des pages accéléré

Voir Utiliser un client privé SLAS.

Réduisez les temps de chargement de pages après le redéploiement de vos paquets. Ces améliorations du réseau de diffusion de contenu (CDN) renforcent les performances de l’application :

  • HTTP/3 : nous utilisons automatiquement le protocole HTTP/3 pour tous les navigateurs et clients qui le prennent en charge. HTTP/3 améliore les performances, en particulier pour les acheteurs qui utilisent des appareils limités en termes de réseau, tels que les appareils mobiles.
  • Mise en cache du CDN interrégionale : nous utilisons automatiquement les réponses mises en cache dans toutes les régions pour améliorer le taux d’accès au cache et les performances des sites ayant une audience internationale.
  • Plus de régions CDN : nous avons ajouté plus de régions au CDN pour des temps de réponse plus rapides et des sauts de réseau plus courts si vous utilisez une configuration CDN empilée.

Utilisez Runtime Admin pour activer les cookies côté serveur. Cette fonctionnalité est disponible comme alternative à l’activation des cookies côté serveur en utilisant l’API Managed Runtime. L’utilisation de cookies côté serveur vous aide à améliorer la confidentialité et la sécurité et prend en charge une personnalisation et un marketing plus avancés. Voir Personnaliser avec des cookies.

Utilisez Runtime Admin pour activer les mappages de source. Cette fonctionnalité est disponible comme alternative à l’activation des mappages sources à l’aide de l’API Managed Runtime. Les mappages sources sont conçus pour améliorer considérablement l’expérience de développement et de débogage en renforçant la lisibilité de la pile d’erreurs. Voir Déboguer à l’aide de mappages sources.

Utilisez un système de gestion de contenu (CMS) tiers avec Storefront Preview. Par exemple, si vous disposez d’une bannière de soldes de vacances gérée par votre CMS, utilisez l’aperçu de la boutique pour voir comment la bannière s’affichera sur votre site pendant la période spécifiée. Voir Aperçu de la boutique.

Prévisualisez l’apparence de votre site Progressive Web App (PWA) Kit en fonction d’un ou plusieurs ID de groupes de clients. Par exemple, prévisualisez votre site tel qu’il apparaîtrait aux acheteurs qui bénéficient d’une remise pour les employés. Voir Aperçu de votre boutique en ligne.

Les projets peuvent désormais être déployés avec Node 20 ! Les projets PWA Kit devront être mis à jour à la dernière version 3.4.x et suivre les instructions dans Mettre à jour la version de Node.

Les clients japonais peuvent désormais exécuter leur environnement dans la région d’Osaka, en plus de la région existante de Tokyo. Votre région peut être modifiée à l’aide des paramètres d’environnement.

Les mappages de source sont à présent disponibles dans Managed Runtime. Cette fonctionnalité est conçue pour améliorer considérablement l’expérience de développement et de débogage en renforçant la lisibilité de la pile d’erreurs. Les mappages de source peuvent être générés à partir de PWA Kit 3.4.x et peuvent être activés à l’aide du paramètre d’environnement enable_source_maps. Voir Déboguer à l’aide de mappages sources.

Utilisez Active Data dans votre site PWA Kit pour observer les mesures de performances des produits et définir des règles automatisées pour le merchandising. Voir Active Data.

Utilisez la fonctionnalité Storefront Preview (aperçu de la boutique) pour voir à quoi ressemblera votre site PWA Kit dans différents contextes (code source spécifié, groupes de clients ou date ou heure particulière). Prévisualisez par exemple les modifications de votre site dans un environnement Staging avant de les déployer en Production. Voir Aperçu de la boutique.

Lorsque vous créez un environnement dans Runtime Admin, vous pouvez désormais sélectionner une instance Commerce Cloud et des sites à connecter à l’environnement. Cela permet une intégration plus approfondie entre vos environnements Managed Runtime et la plateforme Commerce Cloud. Vous pouvez également utiliser les nouveaux points de terminaison de l’API Managed Runtime pour gérer et suivre les connexions de vos environnements aux instances Commerce Cloud. Pour plus d’informations, reportez-vous à cette documentation :

Pour les notes de publication publiées avant octobre 2023, consultez :