News: PWA Kit 3.0.0 ist jetzt mit Erweiterbarkeit von Vorlagen verfügbar. Wenn Sie ein Upgrade durchführen möchten, lesen Sie Upgrade auf v3.

Erste Schritte mit Composable Storefront

Die Composable Storefront-Lösung für B2C Commerce basiert auf zwei Schlüsseltechnologien: dem Progressive Web App Kit (PWA Kit) für die Erstellung Ihrer Storefront und Managed Runtime für deren Hosting.

Wie alle zusammensetzbaren API-gesteuerten Technologien können PWA Kit und Managed Runtime mit anderen E-Commerce-Technologien von Salesforce oder anderen Anbietern kombiniert werden. Mit Composable Storefront können Sie einen Technologiestapel entwickeln, der Ihren Anforderungen genau entspricht und mit dem Wachstum Ihres Unternehmens Schritt halten kann.

Das PWA Kit ist ein Framework für die Erstellung von Storefronts in JavaScript (oder TypeScript) unter Verwendung der React-Plattform, die zu einem festen Bestandteil der modernen Webentwicklung geworden ist.

Mit dem PWA Kit-Framework erhalten Sie:

  • Projektvorlagen, einschließlich der Retail React App. Die Retail React App ist eine individuell anpassbare Storefront für die wichtigsten E-Commerce-Abläufe von der Startseite bis zur Kaufabwicklung.
  • Ein Rendering-System, das sowohl auf Server- als auch auf Clientseite funktioniert und die Hydration (den Prozess der Verlagerung des Rendering von der Serverseite auf die Clientseite) unterstützt.
  • Ein Routingsystem, das es Ihnen ermöglicht, Daten von der Commerce API in Ihre Komponenten einzufügen.
  • Hilfsprogrammfunktionen und Skripts für die Automatisierung von routinemäßigen Entwicklungsaufgaben.
  • Integration mit der B2C Commerce API und der Open Commerce API (OCAPI).

Nach der allgemeinen Verfügbarkeit aller Hauptversionen des Frameworks (1.0, 2.0 usw.) werden über einen Zeitraum von jeweils 24 Monaten Sicherheitspatches bereitgestellt.

Eine progressive Web-App (PWA) ist eine Website, deren Benutzerumgebung Funktionalitäten umfasst, wie wir sie normalerweise von mobilen Apps erwarten, wie schnelle Ladezeiten, reibungsloses Rendering und nahtlose Übergänge.

Man bezeichnet diese Web-Apps als progressiv, weil diese Funktionalitäten einzeln nach und nach (also progressiv) in Abhängigkeit vom Gerät des Benutzers und den vom jeweiligen Browser unterstützten Funktionalitäten hinzugefügt werden.

Managed Runtime bietet die Infrastruktur für die Bereitstellung, das Hosting und die Überwachung Ihrer PWA Kit-Storefront auf einer öffentlichen Cloud-Plattform. Mit Managed Runtime können Sie sich voll und ganz auf die Entwicklung Ihrer Storefront konzentrieren anstatt auf die Serververwaltung.

Managed Runtime wendet die Zwölf-Faktor-App-Methode an. Ihre Storefront wird von einer einzigen Codebasis unterstützt, die zustandslos aufgebaut ist und auf der effizientesten und kostengünstigsten Computerinfrastruktur bereitgestellt werden kann, die der Markt zu bieten hat. Jede Bereitstellung ersetzt die vorherige vollständig und wird komplett neu konfiguriert.

Das Wichtigste ist, dass Managed Runtime die gleiche Sicherheit der Enterprise-Klasse und die gleiche unübertroffene Verfügbarkeit von 99,99 % bietet wie alle Salesforce-Technologien.

Näheres hierzu finden Sie in der Übersicht über Managed Runtime.

Die Composable Storefront-Tools erwähnen gelegentlich Mobify. Dies ist der Name des Unternehmens, das diese Technologien ursprünglich entwickelt hat. Im Jahr 2020 hat Salesforce Mobify übernommen und der Markenwechsel ist noch nicht vollständig abgeschlossen.

Wir würden uns über Beiträge zum PWA Kit von der Open-Source-Community freuen! Näheres zum Beitragsprozess finden Sie unter Beiträge zum PWA Kit.

Wenn Ihnen das PWA Kit gefällt, könnten Sie vielleicht auf das GitHub Repo verweisen. Damit helfen Sie anderen, das PWA Kit zu entdecken!

Nachdem Sie nun mit den Grundlagen von PWA Kit und Managed Runtime vertraut sind, können Sie die anderen Anleitungen der Reihe "Erste Schritte" erkunden:

  1. Schnellstart
  2. Erstellung einer On-Demand Sandbox
  3. Einrichtung des API-Zugriffs
  4. Einrichtung Ihrer lokalen Umgebung
  5. Pushen und Bereitstellung von Bündeln