Add the #DF24 Developer Keynote to your agenda. Join us in-person on 9/19 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 mit Salesforce Commerce API

Composable Storefront, eine Alternative zur Storefront Reference Architecture (SFRA), verfolgt einen modularen Ansatz zum Erstellen einer benutzerdefinierten Online-Storefront mit einzelnen, eigenständigen Komponenten. Mit der entkoppelten Frontend- und Backend-Architektur werden die Storefront und die Benutzererfahrung von den Daten und der Geschäftslogik getrennt. Sie können Ihre eigene einzigartige Markenidentität und Ihr eigenes Markenerlebnis mit einer anpassbaren, skalierbaren Lösung zusammenstellen.

Composable Storefront besteht aus zwei Hauptkomponenten:

  • Progressive Web Application (PWA) Kit: ein Open-Source-Framework zum Erstellen von Storefronts mit JavaScript mit dem React.js-Framework. Hiermit können Sie steuern, wie Käufer Ihre Storefront sehen und sich darin zurechtfinden können.
  • Managed Runtime (MRT): eine serverlose, hochgradig skalierbare und hochverfügbare Hosting-Umgebung für Ihre Headless-Digital-Storefront. Managed Runtime bietet die Infrastruktur zum Bereitstellen, Hosten und Verwalten Ihres PWA-Front-Ends.

Mit Composable Storefront entwickeln Sie Ihre Storefront aufbauend auf der Salesforce Commerce API (SCAPI). Sie können die integrierte Funktionalität mit selbst erstellten Lösungen erweitern, die andere Anbieter einbeziehen, z. B. Hinzufügen einer Drittanbieter-Suchanwendung oder eines Anbieters für das Content-Management-System (CMS).

Die folgende Abbildung zeigt ein Beispiel für einen B2C Commerce Stack. Composable Storefront umfasst PWA Kit und MRT und wird als eine von zwei Headless-Implementierungen angezeigt, die SCAPI für die Kommunikation mit der B2C Commerce-Instanz verwenden. Außerdem sehen Sie in der Abbildung eine SFRA-Storefront, die direkt mit der B2C Commerce-Instanz kommuniziert. Zu den B2C Commerce-Komponenten gehören die Script API und Cartridges mit SCAPI Hooks und benutzerdefinierten APIs in SCAPI.

B2C Commerce Stack

Das PWA Kit Framework enthält Tools, mit denen Sie eine vollständige Storefront für das gesamte Einkaufserlebnis erstellen können. Ein Beispiel für eine PWA Kit Storefront finden Sie auf unserer Demo-Website.

Die PWA Kit App, die Sie erstellen, wird auf MRT ausgeführt. MRT verwendet SCAPI, um mit den Funktionalitäten auf Ihrer Website zu interagieren, einschließlich Produkten, Katalogen, einem Warenkorb, Werbeaktionen, Bestand, Versand und Rechnungslegung.

Das CDN, das in MRT enthalten ist und keine zusätzliche Konfiguration erfordert, leitet Anfragen an den nächstgelegenen App-Server weiter und gewährleistet so eine schnelle, effiziente Verarbeitung.

Das CDN umfasst vier Hauptkomponenten:

  • CDN-Cache
  • Edge-Funktionen, die die Cache-Trefferquote optimieren. Wird die gleiche Anfrage erneut gestellt, kann die Antwort aus dem Cache abgerufen werden und muss nicht erneut generiert werden. Dies verbessert das gesamte Einkaufserlebnis, da dies schnellere Reaktionszeiten ermöglicht.
  • Storefront-bezogene Assets, z. B. statisches Javascript, CSS und Sprites
  • Proxys für die Weiterleitung von Anfragen an SCAPI, OCAPI und andere externe APIs

Mit dem CDN haben Sie folgende Möglichkeiten:

  • Ausführen des Embedded CDN (eCDN) - dem Standard-CDN von B2C Commerce – basierend auf dem MRT CDN für mehr Kontrolle über Web Application Firewalls (WAF)/Logs/Sicherheit/Routing
  • Verwenden der Edge-Funktionen, um die Art der Weiterleitung von Anfragen an die serverlose Infrastruktur (Anfrageverarbeiter) anzupassen

Das PWA Kit wird als serverlose Implementierung auf der MRT gehostet. Eine serverlose Infrastruktur ist sehr gut skalierbar, hochverfügbar, leistungsstark und pflegeleichter:

  • MRT lässt sich nach oben oder unten skalieren, um alle Ebenen des Storefront Traffics zu unterstützen – unabhängig davon, ob es sich um einen deutlichen Anstieg beim Weihnachtseinkauf oder eine Testumgebung mit minimalem Traffic handelt.
  • Sie können viele Managed Runtime-Umgebungen (standardmäßig 100) ohne zusätzliche Kosten verwenden und es ist einfach, Instanzen über die Benutzeroberfläche oder API zu starten und zu stoppen.
  • Sie können Änderungen schnell einführen sowie alle Änderungen in der Änderungshistorie anzeigen, was auch ein einfaches Rollback ermöglicht.
  • Allen MRT-Umgebungen werden gleichwertige Ressourcen zugeordnet, was bedeutet, dass Ihre Production- und Development-Umgebungen gleich aussehen.

Die SCAPI-Funktionalität ist in zwei Hauptgruppen unterteilt: Shopper APIs und Admin APIs. Jede Gruppe ist zudem anhand der Funktionalität in API-Familien gegliedert. Die Shopper API-Gruppe ist für von Kunden verwendete Funktionen wie das Ansehen von Produkten, die Warenkorbverwaltung oder die Kaufabwicklung konzipiert. Die Admin API-Gruppe umfasst Funktionalitäten für Händler wie Produktverwaltung, Bestellverarbeitung oder Bestands- und Kundenverwaltung ab.

Beim Erstellen einer Composable Storefront oder anderen Headless-Storefront verfügen Sie auch über SCAPI-Hooks, mit denen Sie das Verhalten anpassen und weitere benutzerdefinierte Endpunkte hinzufügen können.

Das folgende Diagramm veranschaulicht den Kommunikations-Flow zwischen dem Browser eines Käufers und MRT sowie die MRT-Kommunikation mit SCAPI, OCAPI und externen APIs.

Funktionsweise von Composable Storefront mit SCAPI

Zur Vertiefung in das Thema gibt es weitere Anleitungen für Composable Storefront und SCAPI:

Erste Schritte mit OCAPI