Guida rapida

Questa guida contiene istruzioni semplificate per sviluppatori Node.js esperti che desiderano iniziare a utilizzare da subito PWA Kit con uno storefront e una Sandbox demo per il back-end.

  • Node 14.x e NPM 6.14.x.
  • Utenti Apple Silicon: se Rosetta non è già installato, eseguire softwareupdate --install-rosetta.

Per istruzioni di impostazione dettagliate, vedere Impostazione dell'ambiente locale.

Per creare un progetto utilizzando il modello Retail React App e collegarlo alla Sandbox demo, aprire un terminale ed eseguire il seguente comando:

Nel comando npx è possibile sostituire @latest con una versione specifica di Retail React App, ad esempio @v2.0.0 o @v1.5.2. Se non si specifica una versione, è possibile ottenere risultati imprevisti dovuti al caching delle versioni precedenti.

Lo script di generazione del progetto creerà una cartella in una directory denominata pwa-kit-starter-project. Aprire la cartella nell'editor di testo e iniziare a esplorarla.

Per avviare il server web locale, eseguire i seguenti comandi:

Dopo aver avviato il server di sviluppo, è possibile aprire un browser e visualizzare in anteprima lo storefront:

Le modifiche apportate ai file di progetto saranno visibili nel browser dopo l'aggiornamento.

Per proseguire con la procedura introduttiva di PWA Kit, scegliere una delle seguenti guide in base allo stato del progetto:

GuidaStato del progetto
Creazione di un'istanza On-Demand SandboxNessuna istanza di B2C Commerce creata per finalità di sviluppo e di test.
Impostazione dell'accesso APIAlmeno un'istanza di B2C Commerce creata.
Impostazione dell'ambiente localeAlmeno un'istanza di B2C Commerce creata e configurata per l'accesso API.
Push e distribuzione dei bundleImpostazione dell'ambiente locale completata.