Let us know so we can improve!
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.
Tip
Note
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 :
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 :
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 :
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 :
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 :
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 :
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 :