Schnellstart

Diese Anleitung enthält optimierte Anweisungen für erfahrene Node.js-Entwickler, die unter Verwendung einer Demo-Storefront und einer Demo-Sandbox für das Backend sofort mit dem PWA Kit loslegen möchten.

  • Node 14.17+ und NPM 6.14.x.
  • Apple Silicon-Benutzer: Falls Sie Rosetta nicht bereits installiert haben, führen Sie softwareupdate --install-rosetta aus.

Detaillierte Setup-Anweisungen finden Sie unter Einrichtung Ihrer lokalen Umgebung.

Um ein Projekt mithilfe der Retail React App-Vorlage zu erstellen und mit der Demo-Sandbox zu verbinden, öffnen Sie ein Terminal und führen den folgenden Befehl aus:

Im Befehl npx können Sie @latest durch eine bestimmte Version der Retail React App ersetzen, beispielweise durch @v2.0.0 oder @v1.5.2. Wenn Sie keine Version festlegen, können Sie durch das Caching älterer Versionen unerwartete Ergebnisse erhalten.

Das Projektgenerator-Skript erstellt einen Ordner im Verzeichnis pwa-kit-starter-project. Öffnen Sie diesen Ordner in Ihrem Texteditor und machen Sie sich mit den Inhalten vertraut.

Starten Sie Ihren lokalen Webserver mit den folgenden Befehlen:

Jetzt, da der Entwicklungsserver läuft, können Sie einen Browser öffnen und sich eine Vorschau Ihrer Storefront anzeigen lassen:

Die an Ihren Projektdateien vorgenommenen Änderungen werden nach der Aktualisierung im Browser angezeigt.

Um Ihren Einstieg mit dem PWA Kit fortzusetzen, wählen Sie je nach dem Status Ihres Projekts eine der folgenden Anleitungen aus:

AnleitungProjektstatus
Erstellung einer On-Demand SandboxKeine B2C Commerce Instanzen für Entwicklung und Testen erstellt.
Einrichtung des API-ZugriffsMindestens eine B2C Commerce Instanz erstellt.
Einrichtung Ihrer lokalen UmgebungMindestens eine B2C Commerce Instanz erstellt und für den API-Zugriff konfiguriert.
Pushen und Bereitstellung von BündelnDie Einrichtung der lokalen Umgebung ist abgeschlossen.