Créer des expériences d’achat modernes avec PWA Kit

Le Progressive Web App (PWA) Kit est une nouvelle technologie de boutique pour le commerce sans interface graphique, utilisant les API Salesforce Commerce et React. Il offre aux développeurs front-end une approche plus souple et plus agile pour créer et maintenir des expériences d'achat modernes. Cette version apporte des mises à jour de la localisation et des améliorations liées au référencement, aux performances et à l’expérience d’achat.

Où ? Disponible pour tous les clients de Salesforce B2C Commerce.

Quand ? 6 janvier 2022

Pourquoi ? Chaque modification comporte un lien numéroté vers la demande d’extraction correspondante dans le référentiel open source.

Changements

• URL basées sur les paramètres régionaux. Vous pouvez inclure le paramètre régional dans le chemin URL ou en tant que paramètre de requête à l’aide de la nouvelle configuration dans pwa-kit-config.json. n° 228 n° 255
• Toutes les options de configuration liées à l’API Commerce et à l’API Einstein qui se trouvaient auparavant dans commerce-api.config.js et einstein-api.config.js sont désormais rassemblées dans un seul fichier : api.config.js. n° 256
• Le nouveau composant DynamicImage peut transformer vos images en faisant correspondre un tableau de largeurs aux attributs sizes et srcSet correspondants. Ce composant facilite également l’utilisation de Dynamic Imaging Service. n° 186
• Les paramètres de requête mobify_server_only et mobify_pretty utilisés pour le débogage sont désormais appelés __server_only et __pretty_print. Les anciens paramètres de requête sont obsolètes, mais fonctionnent toujours. n° 250
• Nouveaux paramètres id et defaultMessage pour permettre la traduction de l’application React Retail App. n° 195 n° 207 n° 239 n° 252 n° 260
• Nouveau défilement de produits à titre d’exemple sur la page d’accueil de l’application React Retail App. n° 218 n° 208 n° 216
• L’option outputDir du script npx pwa-kit-create-app indique par défaut pwa-kit-starter-project au lieu de generated-project. n° 268
• Le composant Seo récupère désormais le titre du site par défaut à partir de pages/constants.js. n° 279
• La fonction createApp prend une nouvelle option appelée enableLegacyRemoteProxying dont la valeur par défaut est true. Si elle est définie sur false, le proxy de développement local est désactivé lors d’une exécution à distance. À l’avenir, le proxy de développement local sera désactivé lors d’une exécution à distance. n° 205
• Sortie d’erreur plus informative lorsque le paramètre régional configuré dans PWA Kit ne correspond pas à celui du Business Manager. n° 225
• Les messages d’erreur renvoient à la documentation et aux rubriques d’aide les plus récentes. n° 268
• Nouveaux tests et tests actualisés pour les pages de recherche. n° 245

Correctifs de bogues

• Les codes de promotion s’affichent en majuscules dans le récapitulatif des commandes. n° 224
• Prix du récapitulatif de la commande sur la page de checkout mal alignés sur mobile. n° 233
• La description du mode de livraison déborde sur la section des prix. n° 232
• Les données de trace de pile et les options SSR sont visibles sur les pages d’erreur lors de l’affichage de la source de la page. n° 230 n° 249
• Avertissement de propriété incorrecte pour le sous-titre de la section. n° 282
• URL du référentiel incorrecte dans le registre NPM. n° 257

Mises à jour de sécurité

• Définir les en-têtes de sécurité HTTP courants dans l’application Retail React App. n° 263
• Supprimer upgrade-insecure-requests pour le développement local. n° 270

Journal de modifications complet v 1.2.0…v1.3.0

Comment ? Le PWA Kit est disponible en tant que projet open source sur GitHub. Pour commencer, consultez la documentation sur le site Salesforce Developers.