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

Composable Storefront, un'alternativa a SFRA (Storefront Reference Architecture), adotta un approccio modulare alla creazione di uno storefront online personalizzato utilizzando singoli componenti autonomi. Con l'architettura front-end e back-end disaccoppiata, lo storefront e l'esperienza utente sono separati dalla logica di dati e di business. È quindi possibile creare una propria unica identità ed esperienza di brand avvalendosi di una soluzione personalizzabile e scalabile.

Composable Storefront è costituito da due componenti principali:

  • PWA (Progressive Web Application) Kit: un framework open source per la creazione di storefront tramite JavaScript con framework React.js. In questo modo è possibile gestire il look and feel dello storefront per gli acquirenti.
  • MRT (Managed Runtime): un ambiente di hosting serverless, altamente scalabile e ad alta disponibilità per il proprio storefront digitale headless. Managed Runtime fornisce l'infrastruttura per distribuire, ospitare e gestire il proprio front-end PWA.

Con Composable Storefront è possibile creare il proprio storefront al di sopra di Salesforce Commerce API (SCAPI) e potenziare le funzionalità integrate componendo soluzioni che includono altri fornitori, ad esempio aggiungendo un'applicazione di ricerca di terze parti o un provider di sistema di gestione dei contenuti (CMS).

L'immagine seguente fornisce un esempio di stack B2C Commerce. Composable Storefront, che contiene PWA Kit e MRT, appare come una delle due implementazioni headless che utilizzano SCAPI per comunicare con l'istanza di B2C Commerce. Appare anche uno storefront SFRA, che comunica direttamente con l'istanza B2C Commerce. I componenti di B2C Commerce includono la Script API e i cartridge con hook SCAPI e SCAPI custom API.

Stack B2C Commerce

Il framework di PWA Kit include strumenti che consentono di creare uno storefront completo per l'intero percorso dell'acquirente. Sul nostro sito demo è possibile vedere un esempio di storefront PWA Kit.

L'app PWA Kit creata viene eseguita sull'ambiente MRT. MRT utilizza SCAPI per interagire con le funzionalità del sito, tra cui prodotti, cataloghi, carrello degli acquisti, promozioni, inventario, spedizione e fatturazione.

La CDN, che è inclusa in MRT e non richiede una configurazione aggiuntiva, ha il compito di indirizzare le richieste all'app server più vicino per garantire una gestione rapida ed efficiente.

La rete CDN include quattro componenti principali:

  • La cache CDN
  • Funzioni edge, che ottimizzano la percentuale di riscontri nella cache. Se la stessa richiesta viene ripetuta la risposta può essere recuperata dalla cache anziché dover essere generata nuovamente. Ciò migliora l'esperienza complessiva dell'acquirente fornendo tempi di risposta più rapidi.
  • Asset correlati allo storefront, ad esempio: JavaScript, CSS e sprite statici.
  • Proxy per l'inoltro delle richieste a SCAPI, OCAPI e altre API esterne.

Con la CDN è possibile:

  • Impilare la CDN (eCDN) incorporata, la CDN predefinita di B2C Commerce, sulla CDN MRT per un maggiore controllo su Web Application Firewall (WAF)/Registri/Sicurezza/Routing.
  • Utilizzare le funzioni Edge per personalizzare il modo in cui le richieste vengono instradate all'infrastruttura serverless (il processore delle richieste).

Il PWA Kit è ospitato come implementazione serverless su MRT. L'infrastruttura serverless è altamente scalabile, altamente disponibile, richiede meno manutenzione ed è performante:

  • MRT è scalabile verso l'alto o verso il basso per adattarsi a tutti i livelli di traffico dello storefront, sia che si tratti di un aumento significativo per lo shopping natalizio o di un ambiente di test con traffico minimo.
  • È possibile disporre di molti ambienti di runtime gestiti (100 pronti all'uso) senza costi aggiuntivi ed è facile avviare e interrompere le istanze utilizzando l'interfaccia utente o l'API.
  • È possibile implementare rapidamente le modifiche e visualizzarle nella cronologia modifiche, il che consente anche un facile rollback.
  • A tutti gli ambienti MRT vengono allocate risorse equivalenti, il che significa che gli ambienti di produzione e di sviluppo hanno lo stesso aspetto.

La funzionalità SCAPI è suddivisa in due gruppi principali: Shopper API e Admin API. Ogni gruppo è ulteriormente suddiviso in famiglie API, ognuna delle quali si concentra sulle funzionalità correlate. Il gruppo Shopper API è progettato per le funzioni rivolte ai clienti, come la navigazione dei prodotti, la gestione del carrello e il checkout. Il gruppo Admin API è destinato alle funzionalità rivolte ai commercianti, ad esempio la gestione dei prodotti, la gestione degli ordini, la gestione dell'inventario e la gestione dei clienti.

Quando si crea uno storefront componibile o un altro storefront headless, sono disponibili anche degli hook SCAPI che consentono di personalizzare il comportamento richiesto e aggiungere altri endpoint personalizzati.

Il diagramma seguente illustra il flusso di comunicazione tra il browser di un acquirente e MRT e la comunicazione di MRT con SCAPI, OCAPI e API esterne.

Funzionamento di Composable Storefront con SCAPI

Esplorare altre guide Composable Storefront e SCAPI:

Guida introduttiva a OCAPI