Add the #DF24 Developer Keynote to your agenda. Join us in-person on 9/18 at 2:30 p.m. PT or on Salesforce+ at 5 p.m. PT for the must-see session built just for developers.

Headless Commerce avec Salesforce Commerce API

Composable Storefront, une alternative à Storefront Reference Architecture (SFRA), adopte une approche modulaire pour créer une boutique en ligne personnalisée à l’aide de composants individuels et autonomes. Avec l’architecture frontend et backend découplées, la boutique en ligne et l’expérience utilisateur sont séparées des données et de la logique métier. Vous pouvez composer votre propre identité de marque et votre propre expérience à l’aide d’une solution personnalisable et évolutive.

Composable Storefront consiste en deux composants principaux :

  • Progressive Web Application (PWA) Kit : un framework open source pour la création de boutiques en JavaScript avec le framework React.js. Cela vous permet de contrôler le look and feel de votre boutique pour vos acheteurs.
  • Managed Runtime (MRT) : un environnement d’hébergement sans serveur, hautement évolutif et hautement disponible pour votre boutique digitale headless. Managed Runtime fournit l’infrastructure nécessaire au déploiement, à l’hébergement et à la gestion de votre interface PWA.

Avec Composable Storefront, vous construisez votre boutique sur Salesforce Commerce API (SCAPI) et vous pouvez augmenter les fonctionnalités intégrées en composant des solutions qui incluent d’autres fournisseurs, par exemple, en ajoutant une application de recherche tierce ou un fournisseur de système de gestion de contenu (CMS).

L’image suivante fournit un exemple de pile B2C Commerce. Composable Storefront, qui contient PWA Kit et MRT, est présenté comme l’une des deux implémentations headless utilisant SCAPI pour communiquer avec l’instance B2C Commerce. Une boutique SFRA, qui communique directement avec l’instance B2C Commerce, est également affichée. Les composants B2C Commerce incluent Script API et les cartridges avec hooks SCAPI et API SCAPI personnalisées.

Pile B2C Commerce

Le framework PWA Kit comprend des outils pour vous aider à créer une boutique complète pour l’ensemble du parcours d’achat. Vous pouvez voir un exemple de boutique PWA Kit sur notre site de démonstration.

L’application PWA Kit que vous créez s’exécute au-dessus de MRT. Le MRT utilise SCAPI pour interagir avec les fonctionnalités de votre site, notamment les produits, les catalogues, le panier d’achat, les promotions, les stocks, l’expédition et la facturation.

Le CDN, qui est inclus dans MRT et ne nécessite pas de configuration supplémentaire, est chargé de diriger les requests vers le serveur d’applications le plus proche pour assurer un traitement rapide et efficace.

Le CDN comprend quatre composants principaux :

  • Le cache CDN
  • Fonctions périphériques, qui optimisent le taux de réussite du cache. Si la même request est effectuée à nouveau, la réponse peut être récupérée à partir du cache au lieu d’avoir à être générée à nouveau. Cela améliore l’expérience globale de l’acheteur en offrant des temps de réponse plus rapides.
  • Les ressources liées à la boutique en ligne, par exemple   Javascript statique, CSS et sprites.
  • Proxys pour le transfert des requests vers SCAPI, OCAPI et d’autres API externes.

Avec le CDN, vous pouvez :

  • Empiler le CDN intégré (eCDN), le CDN par défaut de B2C Commerce, au-dessus du CDN MRT pour mieux contrôler le pare-feu d’application web (WAF)/Logs/Security/Routing,
  • Utilisez les fonctions périphériques pour personnaliser la façon dont les requests sont acheminées vers l’infrastructure sans serveur (le processeur de requests).

Le PWA Kit est hébergé en tant qu’implémentation sans serveur sur le MRT. L’infrastructure sans serveur est hautement évolutive, hautement disponible, performante et à maintenance réduite :

  • MRT s’adapte à la hausse ou à la baisse pour s’adapter à tous les niveaux de trafic de boutique, qu’il s’agisse d’une augmentation sensible pour les achats de Noël ou d’un environnement de test avec un trafic minimal.
  • Vous pouvez disposer de nombreux environnements Managed Runtime (100 prêts à l’emploi) sans frais supplémentaires, et il est facile de démarrer et d’arrêter des instances à l’aide de l’interface utilisateur ou de l’API.
  • Vous pouvez déployer rapidement les modifications et afficher toutes les modifications dans l’historique des modifications, ce qui permet également de revenir facilement en arrière.
  • Des ressources équivalentes sont allouées à tous les environnements MRT, ce qui signifie que vos environnements de production et de développement se ressemblent.

La fonctionnalité SCAPI est divisée en deux groupes principaux : API d’achat et API d’administration. Chaque groupe est ensuite divisé en familles d’API, chaque famille se concentrant sur les fonctionnalités associées. Le groupe d’API Shopper est conçu pour les fonctions orientées client telles que la navigation dans les produits, la gestion du panier et le checkout. Le groupe d’API d’administration est destiné aux fonctionnalités destinées aux marchands, telles que la gestion des produits, la gestion des commandes, la gestion des stocks et la gestion des clients.

Lors de la création d’une boutique composable ou d’une autre boutique headless, vous disposez également de hooks SCAPI qui vous permettent de personnaliser le comportement et d’ajouter des points de terminaison personnalisés.

Le diagramme suivant illustre le flux de communication entre le navigateur d’un acheteur et MRT, et la communication MRT avec SCAPI, OCAPI et des API externes.

Fonctionnement de Composable Storefront avec SCAPI

Explorez d’autres guides sur Composable Storefront et SCAPI :

Premiers pas avec OCAPI