Note sulla release di Composable Storefront

Queste note sulla release includono gli aggiornamenti di PWA (Progressive Web App) Kit e Managed Runtime.

Le ultime note sulla release di PWA Kit vengono pubblicate sulla pagina delle release su GitHub prima di essere pubblicate qui. Per rimanere informati sulle nuove release di PWA Kit, iscriversi alle notifiche GitHub per le release. Vedere Configuring Your Watch Settings (Configurazione delle impostazioni di controllo).
  • Le note sulla release potrebbero venire pubblicate prima dell'aggiornamento dei relativi pacchetti Github. Le note sulla versione identificano qualsiasi versione del pacchetto applicabile in cui è disponibile una funzionalità.
  • Per le note generali sulla versione di B2C Commerce, vedere Salesforce Help.

Gli storefront PWA Kit possono ora inviare eventi di coinvolgimento a Data Cloud, fornendo una maggiore visibilità dei dati unificati dei clienti in tempo reale. Vedere Integrazione di PWA Kit con Data Cloud.

La gestione dei reindirizzamenti nell'interfaccia utente di amministrazione runtime è più efficiente grazie a un nuovo formato basato su tabelle impaginate, che consente di visualizzare più informazioni sui reindirizzamenti in anticipo. Vedere Reindirizzamenti.

Gli errori di distribuzione negli ambienti ora forniscono informazioni più dettagliate, offrendo maggiore chiarezza sulle azioni correttive da intraprendere. Vedere Risoluzione dei problemi relativi agli errori di push del bundle.

ap-south-2 l'area (Hyderabad) è ora supportata per gli ambienti. Consulta l'elenco delle aree supportate.

Sono stati risolti anche vari bug di Runtime Admin:

  • L'aggiunta di più variabili di ambiente in una riga tramite Runtime Admin è stata risolta
  • L'eliminazione delle intestazioni di controllo di accesso tramite Runtime Admin è stata risolta
  • La decodifica dell'anteprima dello storefront per gli URL Base64 è stata corretta

Con B2C Commerce versione 25.3, l'autenticazione ibrida (autentica) sostituisce il plug-in SLAS. L'autenticazione ibrida migliora le prestazioni e la stabilità degli storefront ibridi spostando la funzionalità direttamente nella piattaforma B2C Commerce. Vedere Configurazione di uno storefront ibrido con l'autenticazione ibrida.

Ora è possibile distribuire i progetti PWA Kit con Node 22. Per aggiornare la versione di Node.js, seguire le istruzioni in Upgrade alla versione di Node.

Ogni anno le versioni di Node.js escono dal supporto ufficiale. Per garantire una sicurezza complessiva elevata e un'esperienza fluida per gli sviluppatori, vengono applicate limitazioni alla versione Node dei progetti distribuiti in Managed Runtime. La data di fine durata utile (end-of-life) per Node 18 è il 1° settembre 2025.

È vivamente consigliato eseguire l'upgrade dei progetti Production con largo anticipo rispetto alla data di fine durata utile. A seconda della versione di PWA Kit, è possibile effettuare l'aggiornamento a Node 20 o 22.

Questa funzionalità è disponibile a livello generale dalla versione 6.0 di Retail React App. Consente di migliorare l'esperienza acquirente grazie a tempi di implementazione ridotti. Con la procedura di accesso tramite social, gli acquirenti possono accedere rapidamente al sito e creare profili utilizzando i propri account di social network. Vedere Implement Social Login (Implementazione accesso tramite social).

Questa funzionalità è disponibile a livello generale dalla versione 6.0 di Retail React App. Consente di migliorare l'esperienza acquirente grazie a tempi di implementazione ridotti. Con la procedura di reimpostazione della password, gli acquirenti che dimenticano la password possono utilizzare un codice di verifica o un link contenuto in un'email o un SMS per riacquisire l'accesso al proprio account creando una nuova password. Vedere Implement Password Reset (Implementazione reimpostazione password).

Questa funzionalità è disponibile a livello generale dalla versione 6.0 di Retail React App. Consente di migliorare l'esperienza acquirente grazie a tempi di implementazione ridotti. Con la procedura di accesso senza password, gli acquirenti possono accedere in modo sicuro al sito utilizzando un codice di verifica o un link contenuto in un'email o in un SMS anziché una password. Vedere Implement Passwordless Login (Implementazione accesso senza password).

Un banner di consenso al tracciamento è disponibile a livello generale con la versione 6.0 o successiva del modello Retail React App. Consente di mantenere la fiducia degli acquirenti e ridurre i costi di implementazione. Con il banner di consenso al tracciamento, gli acquirenti possono attivare o disattivare il tracciamento delle attività sul sito. Vedere Protect Privacy with a Tracking Consent Banner (Protezione della privacy con un banner di consenso al tracciamento).

Per migliorare la stabilità e le prestazioni degli storefront ibridi e garantire un'esperienza di acquisto ottimale. Consultare Hybrid Stability Upgrade for PWA Kit Version 3.8.0 (Aggiornamento della stabilità ibrida per la versione 3.8.0 di PWA Kit) o Hybrid Stability Upgrade for PWA Kit Version 2.x (Aggiornamento della stabilità ibrida per la versione 2.x di PWA Kit).

La personalizzazione con Contesto di acquisto è ora preintegrata nella versione 5.0.0 o successiva di Retail React App. Consente di supportare esperienze di acquisto personalizzate e ridurre i costi di implementazione. Con Contesto di acquisto è possibile utilizzare funzionalità quali promozioni personalizzate, determinazione dei prezzi e suggerimenti di prodotto per aumentare le conversioni e la fedeltà degli acquirenti. Consultare Personalize with Shopper Context (Personalizzazione con Contesto di acquisto).

Salesforce sta diventando ancora più globale. Per ottimizzare le prestazioni mediante co-location con istanze di backend nelle aree geografiche Hyperforce, ora è possibile distribuire gli ambienti Managed Runtime a queste aree geografiche:

  • sa-east-1 - Sud America (San Paolo)
  • eu-central-2 - UE (Zurigo)
  • eu-south-1 - UE (Milano)
  • ap-southeast-3 - Asia Pacifico (Giacarta)
  • me-central-1 - Medio Oriente (Emirati Arabi Uniti)
  • il-central-1 - Israele (Tel Aviv)

In precedenza era possibile visualizzare i registri nel Log Center solo per gli ambienti Production associati alle istanze PIG (Primary Instance Group). Ora è possibile visualizzare i registri per le istanze SIG (Secondary Instance Group) e ODS (On-Demand Sandbox). Questi nuovi registri concorrono ai limiti di volume dei registri.

Questa funzionalità è disponibile a livello generale da PWA Kit versione 3.7. Con il parametro di query __server_timing è possibile monitorare le prestazioni del sito PWA Kit a fini di ottimizzazione. Il parametro consente di accedere all'intestazione HTTP Server-Timing e ai registri, che offrono metriche su alcune parti del processo di rendering di lato server, quali la corrispondenza delle route, il caricamento dei componenti e le strategie di recupero. I registri delle metriche relative alle prestazioni sono ora disponibili nel Log Center. Vedere __server_timing.

Retail React App versione 4.0 utilizza le nuove versioni di Commerce SDK React e Commerce SDK Isomorphic. Questi SDK ora soddisfano le linee guida SLAS (Shopper Login and API Access) per far passare channel_id come argomento durante il recupero dei token di accesso utenti guest. Vedere Guest Tokens (Token guest).

Lo store locator è disponibile a livello generale con Retail React App versione 4.0 o successive e Commerce SDK React versione 2.0.1 o successive. Con il nostro store locator, gli acquirenti possono trovare le ubicazioni degli storefront nelle vicinanze in base al codice postale, alla città e ad altri dati. È possibile estendere facilmente le informazioni del negozio in Business Manager per personalizzare i metadati dell'ubicazione visualizzati sul sito. Vedere Boost In-Store Sales with Store Locator (Aumentare le vendite in negozio con lo store locator).

I bundle di prodotti sono disponibili a livello generale con Retail React App versione 4.0 o successive e Commerce SDK React versione 2.0.1 o successive. Utilizzare i bundle di prodotti per raggruppare più prodotti correlati in un unico prodotto ordinabile per agevolare gli acquirenti e consentire una maggiore personalizzazione. Gli acquirenti possono aggiornare le varianti e le quantità dei bundle direttamente nel carrello. Ad esempio, un negozio di abbigliamento sportivo online può offrire un "Bundle per runner" per consentire agli acquirenti di selezionare la misura di scarpe, la taglia dei capi di abbigliamento e il modello di fitness tracker direttamente nel carrello. I bundle di prodotti possono aiutare a ridurre il tasso di abbandono del carrello e a migliorare la gestione dell'inventario. Vedere Bundle di prodotti.

È possibile impedire l'accesso all'ambiente Managed Runtime al traffico proveniente dalla rete eCDN. Impostare un'intestazione di controllo dell'accesso condiviso nella eCDN e nell'ambiente per impedire ad acquirenti, bot e crawler di accedere direttamente all'ambiente.

Consultare la versione aggiornata della guida al lancio dello storefront e la nuova API upsertOriginHeaderModification per i dettagli su come configurare Managed Runtime e la eCDN per bloccare l'ambiente.

È possibile trovare rapidamente i registri generati dal sito PWA Kit effettuando una ricerca in base ai namespace aggiunti come prefissi ai registri in Log Center. Il namespace individua la parte specifica della base di codice in cui si è verificato un errore, consentendo di concentrarsi sulla risoluzione dei problemi. Vedere Debug Using Log Center (Debug tramite Log Center).

Impedire l'accesso all'ambiente Managed Runtime al traffico proveniente dalla rete CDN (Content Delivery Network) di terze parti. Impostare un'intestazione di controllo dell'accesso condiviso nella CDN e nell'ambiente per impedire ad acquirenti, bot e crawler di accedere direttamente all'ambiente.

Vedere Intestazioni di controllo dell'accesso e l'API projects_target_access_control_header_create per scoprire come proteggere l'ambiente.

Favorire la conversione e il coinvolgimento degli acquirenti e ridurre i costi di implementazione con i nostri riquadri di prodotto notevolmente migliorati disponibili in Retail React App di PWA Kit. I riquadri prodotto ora presentano:

  • Callout promozionali
  • Prezzi barrati
  • Campioni dei riquadri di prodotto per la selezione delle varianti
  • Badge prodotti
  • Utilizzo dell'API productSearch con espansioni, che offre prestazioni migliorate rispetto alla combinazione delle API productSearch e getProduct(s)

Creare facilmente una mappa del sito in Business Manager (BM) per lo storefront headless o PWA Kit basato su B2C Commerce. Le mappe del sito forniscono ai crawler di ricerca istruzioni sulle pagine da indicizzare e sulla gerarchia del sito e migliorano la priorità di posizionamento SEO. Vedere Miglioramento della SEO con una mappa del sito.

PWA Kit ora supporta la raccolta delle metriche sugli ordini di Active Data. Utilizzare questa raccolta per comprendere il comportamento dei clienti e ottimizzare la strategia di merchandising e segmentazione. Vedere Active Data.

Utilizzare Runtime Admin per gestire le variabili di ambiente. Questa funzionalità è disponibile come alternativa alla gestione delle variabili di ambiente tramite Managed Runtime API. Le variabili di ambiente consentono di aggiungere variabili a un processo di applicazione in esecuzione in un ambiente senza dover modificare il codice. Vedere Variabili di ambiente.

Questa funzione è ora disponibile a livello generale.

Risolvere gli errori del sito creato con PWA Kit utilizzando il Log Center:

  • Cercare e filtrare molti registri. Controllare i registri storici.
  • Accedere a un'unica interfaccia utente per visualizzare i registri da Managed Runtime (MRT) e dall'istanza di B2C Commerce. Collegare ciò che accade nell'ambiente MRT con ciò che accade nell'istanza di B2C Commerce.
  • Visualizzare facilmente i registri MRT senza utilizzare una CLI.

Vedere Debug Using Log Center (Debug tramite Log Center).

Questa funzionalità è disponibile a livello generale da PWA Kit versione 3.5. Controlla la pagina delle versioni su GitHub per l'ultima versione disponibile di PWA Kit.

Abilitare un client privato Shopper Login and API Access Service (SLAS) nel sito PWA Kit in modo da poter supportare queste funzionalità con tempi di implementazione ridotti:

  • Accesso senza password
  • Reimpostazione della password
  • Tempi di caricamento delle pagine più brevi

Vedere Use a SLAS Private Client (Uso di un client privato SLAS).

È possibile ottenere tempi di caricamento delle pagine ridotti dopo aver redistribuito i bundle. Queste ottimizzazioni della rete CDN (Content Delivery Network) migliorano le prestazioni dell'app:

  • HTTP/3: viene utilizzato automaticamente il protocollo HTTP/3 per tutti i browser e i client che lo supportano. Il protocollo HTTP/3 migliora le prestazioni, in particolare per gli acquirenti che utilizzano dispositivi con vincoli di rete, come i dispositivi mobili.
  • Caching CDN tra aree geografiche: vengono utilizzate automaticamente le risposte memorizzate in cache in tutte le aree geografiche per migliorare l'indice di riscontri cache e le prestazioni per i siti con un pubblico globale.
  • Più aree geografiche CDN: sono state aggiunte più aree geografiche alla rete CDN, con conseguenti tempi di risposta più rapidi e hop di rete più brevi se si utilizza una configurazione CDN in stack.

Utilizzare Runtime Admin per abilitare i cookie di lato server. Questa funzionalità è disponibile come alternativa all'abilitazione dei cookie di lato server tramite Managed Runtime API. L'uso dei cookie di lato server aiuta a migliorare la privacy e la sicurezza e supporta una personalizzazione e un marketing più su misura. Vedere Personalize with Cookies (Personalizzazione con i cookie).

Utilizzare Runtime Admin per abilitare le mappe di origine. Questa funzionalità è disponibile come alternativa all'abilitazione delle mappe di origine mediante Managed Runtime API. Le mappe di origine sono progettate per migliorare notevolmente l'esperienza di sviluppo e debug ottimizzando la leggibilità dello stack degli errori. Vedere Debug Using Source Maps (Debug mediante le mappe di origine).

Utilizzare un CMS (Content Management System) di terze parti con Storefront Preview. Ad esempio, se un banner per gli acquisti natalizi è gestito da un CMS, utilizzare Anteprima storefront per vedere come apparirà sul sito durante il periodo specificato. Vedere Anteprima storefront.

Visualizzare in anteprima l'aspetto del sito Progressive Web App (PWA) Kit in base a uno o più ID di gruppo clienti. Ad esempio, visualizzare in anteprima il sito come apparirà agli acquirenti che ricevono uno sconto riservato ai dipendenti. Vedere Preview Your Storefront (Visualizzazione dell'anteprima storefront).

Ora i progetti possono essere distribuiti con Node 20. I progetti PWA Kit dovranno essere aggiornati all'ultima versione 3.4.x e seguire le istruzioni in Upgrade alla versione di Node.

I clienti del Giappone ora possono eseguire il proprio ambiente nella regione di Osaka, oltre all'attuale regione di Tokyo. La regione può essere modificata in Environment Settings (Impostazioni ambiente).

Le mappe di origine sono ora disponibili in Managed Runtime. Questa funzionalità è progettata per migliorare notevolmente l'esperienza di sviluppo e debug ottimizzando la leggibilità dello stack degli errori. Le mappe di origine possono essere generate a partire da PWA Kit 3.4.x e possono essere abilitate attivando l'impostazione di ambiente enable_source_maps. Vedere Debug Using Source Maps (Debug mediante le mappe di origine).

Utilizzare Active Data nel sito PWA Kit per osservare le metriche sulle prestazioni dei prodotti e impostare regole automatizzate per il merchandising. Vedere Active Data.

Utilizzare la funzione Storefront Preview per vedere come apparirà il sito PWA Kit in contesti diversi, come il codice sorgente specificato, i gruppi di clienti oppure una data o un'ora specifica. Ad esempio, è possibile visualizzare in anteprima le modifiche del sito in un ambiente Staging prima di distribuirle in Production. Vedere Anteprima storefront.

Quando si crea un ambiente in Runtime Admin, ora è possibile selezionare un'istanza Commerce Cloud e i siti da collegare all'ambiente. Ciò consente un'integrazione più completa tra gli ambienti Managed Runtime e la piattaforma Commerce Cloud. È possibile inoltre utilizzare i nuovi endpoint Managed Runtime API per gestire e monitorare le connessioni degli ambienti con le istanze Commerce Cloud. Per ulteriori informazioni, vedere la seguente documentazione:

Per le note sulla release pubblicate prima di ottobre 2023, vedere: