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.js 18+ e npm 9+.
- 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 @v3.0.0 o @v2.7.3. 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:
- Passare a http://localhost:3000/
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:
| Guida | Stato del progetto |
|---|---|
| Creazione di un'istanza On-Demand Sandbox | Nessuna istanza di B2C Commerce creata per finalità di sviluppo e di test. |
| Impostazione dell'accesso API | Almeno un'istanza di B2C Commerce creata. |
| Impostazione dell'ambiente locale | Almeno un'istanza di B2C Commerce creata e configurata per l'accesso API. |
| Push e distribuzione dei bundle | Impostazione dell'ambiente locale completata. |