Padroneggiare SAP Spartacus: un'analisi approfondita del SAP Composable Storefront

Benvenuto nel mondo di SAP Spartacus, una popolare soluzione headless storefront basata sul framework per applicazioni web Angular che utilizza le API REST di Commerce. Spartacus sta recitando un ruolo da protagonista nella storia di crescita del headless commerce, che si prevede raggiungerà una dimensione di mercato di 3,9 miliardi di dollari entro il 2025!

Lanciato per la prima volta nel 2019, SAP Spartacus ha subito aggiornamenti e miglioramenti significativi. Di conseguenza, è stato ribattezzato SAP Commerce Cloud, Composable Storefront, per riflettere la sua architettura modulare e flessibile avanzata. Immergiamoci dunque nell’universo di SAP Spartacus ed esploriamo le sue infinite possibilità.

Timeline di SAP Spartacus

SAP Spartacus è stato lanciato per la prima volta nel 2019 ed è stato aggiornato regolarmente con nuove funzionalità e miglioramenti. Ecco una breve timeline di SAP Spartacus che ne presenta la rapida evoluzione:

2019: SAP Spartacus è stato lanciato come progetto open source su GitHub, con la prima versione (1.0) rilasciata a luglio. Supportava funzionalità come il rendering lato server, le progressive web app, l’internazionalizzazione e l’accessibilità. Forniva anche un’estensione con dati di esempio e un template storefront B2C.

2020: SAP Spartacus ha rilasciato diverse versioni minori e maggiori, come la 1.1, 1.2, 1.3, 1.4, 2.0, 2.1 e 3.0. Ha aggiunto funzionalità come il lazy loading, gli schematics, gli outlet, i feature flag, i dialoghi guidati da CMS e il template storefront B2B. Ha inoltre introdotto la Spartacus Storefront Library per fornire più componenti e moduli per lo storefront.

2021: Sono state rilasciate ulteriori versioni, fino alla versione 4.0. In queste release sono state aggiunte funzionalità come web component, micro frontend, markup schema.org, isolamento dei dati e gestione dell’organizzazione B2B. È stato anche ribattezzato SAP Commerce Cloud, Composable Storefront.

2022: SAP Spartacus ha rilasciato le versioni dalla 4 fino alla 5.1. Le funzionalità aggiunte includevano personalizzazione, promozioni, programmi fedeltà e gestione dei centri di costo B2B. È stato rinominato in SAP Commerce Cloud, Composable Storefront dalla versione 5.03. In questi aggiornamenti, si è integrato con altri prodotti e servizi SAP, come SAP Customer Data Platform, SAP Marketing Cloud e SAP Upscale Commerce.

2023: SAP Commerce Cloud, Composable Storefront ha rilasciato ulteriori versioni fino alla 6.0 nel 2023. Ha aggiunto funzionalità come assistente vocale, riconoscimento delle emozioni, analisi predittiva e flusso di lavoro di approvazione B2B. Ha anche adottato le ultime versioni e tecnologie Angular, come Angular Ivy, Angular Elements e Angular Material.

Quali sono i vantaggi dell’utilizzo di SAP Spartacus o SAP Commerce Composable Storefront?

SAP Spartacus o SAP Commerce Composable Storefront offre numerosi vantaggi sia agli sviluppatori che agli utenti aziendali, tra cui:

Estensibilità - Gli sviluppatori possono facilmente aggiungere, rimuovere o sostituire qualsiasi funzionalità o componente nello storefront senza influire sulla funzionalità principale. Possono anche sfruttare le librerie e gli strumenti Angular esistenti per migliorare lo storefront. Inoltre, possono utilizzare i micro frontend per suddividere lo storefront in moduli più piccoli e indipendenti che possono essere sviluppati e distribuiti separatamente.

Progressive Web App (PWA) - Lo storefront è progettato per essere una PWA, il che significa che può offrire un’esperienza utente rapida, affidabile e coinvolgente su diversi dispositivi e piattaforme. Gli utenti possono accedere allo storefront PWA Spartacus offline, ricevere notifiche push e installarlo nelle schermate principali.

Server-Side Rendering (SSR) - Supporta l’SSR, il che significa che può eseguire il rendering della pagina iniziale lato server prima di inviarla al browser. Questo può migliorare le performance, la SEO e l’accessibilità dello storefront.

Internazionalizzazione (i18n) - Lo storefront supporta i18n, il che significa che può visualizzare i contenuti in diverse lingue e formati in base alle preferenze e alla posizione dell’utente. Lo storefront utilizza gli strumenti Angular i18n per gestire traduzioni, valute, date, numeri e unità.

Sviluppo open source - Il Composable Storefront è open source e ospitato su SAP GitHub Spartacus, il che significa che gli sviluppatori possono contribuire allo sviluppo di SAP Spartacus, segnalare problemi, richiedere funzionalità e accedere alla documentazione SAP. Lo storefront segue anche la convenzione Semantic Versioning (SemVer) per garantire compatibilità e stabilità.

Ottimizzazione SEO - Lo storefront supporta l’ottimizzazione SEO, il che significa che può migliorare la visibilità e il posizionamento dello storefront nei motori di ricerca. Spartacus utilizza Angular Universal per generare pagine HTML statiche per ciascun percorso, che possono essere scansionate e indicizzate dai motori di ricerca. Lo storefront utilizza anche il markup schema.org per fornire dati strutturati per ogni pagina, migliorando l’aspetto e la rilevanza dello storefront nei risultati di ricerca.

Accessibilità - SAP Spartacus supporta l’accessibilità, il che significa che può offrire un’esperienza inclusiva e user-friendly per tutti gli utenti, indipendentemente dalle loro capacità o disabilità. Segue le Web Content Accessibility Guidelines (WCAG) 2.1 per garantire che lo storefront sia percepibile, operabile, comprensibile e robusto. Spartacus utilizza anche gli attributi ARIA (Accessible Rich Internet Applications) per fornire informazioni semantiche ai lettori di schermo e ad altre tecnologie assistive.

Versatilità - Come altri strumenti SAP, SAP Commerce Cloud, Composable Storefront è versatile e consente la personalizzazione per vari settori tra cui automotive, beni di consumo, medicale, chimico, attrezzature industriali e retail.

Se stai utilizzando uno storefront basato su acceleratore su SAP Commerce Cloud, è consigliabile migrare a SAP Commerce Cloud, Composable Storefront dallo storefront basato su acceleratore per allinearsi alle ultime tendenze dell’e-commerce e raccogliere i vantaggi di cui sopra.

Quali sono i requisiti e i prerequisiti per utilizzare SAP Spartacus o SAP Commerce Composable Storefront?

Per utilizzare SAP Spartacus o SAP Commerce Composable Storefront, è necessario soddisfare i seguenti requisiti e prerequisiti:

SAP Commerce Cloud 2105 o versioni successive - Si raccomanda l’ultima versione di SAP Commerce Cloud. Le versioni precedenti di SAP Commerce Cloud non supportano tutte le API e le funzionalità richieste da SAP Spartacus 4.3.8 o versioni successive.

CORS - È necessario abilitare CORS (Cross-Origin Resource Sharing) sul proprio server backend per consentire la comunicazione tra lo storefront e le API.

Angular CLI, Node.js e npm - È necessario avere questi strumenti installati e aggiornati nel proprio ambiente di sviluppo per lavorare con SAP Spartacus. È anche necessario installare Angular Schematics for Spartacus per generare un nuovo progetto Angular con le dipendenze Spartacus.

Un editor di codice - È necessario avere un editor di codice che supporti lo sviluppo in TypeScript, HTML, CSS e Angular. Alcune scelte popolari sono Visual Studio Code, WebStorm o Sublime Text.

Un browser web - È necessario avere un browser web che supporti gli standard web moderni e le funzionalità PWA di Spartacus. Alcune scelte popolari sono Google Chrome, Mozilla Firefox o Microsoft Edge.

Come installare e configurare SAP Spartacus o SAP Commerce Composable Storefront?

Per installare e configurare SAP Spartacus o SAP Commerce Composable Storefront, è necessario seguire il processo di implementazione SAP Spartacus descritto di seguito:

1. Installa e configura l’estensione Spartacus Sample Data sulla tua istanza SAP Commerce Cloud. Puoi utilizzare gli script ImpEx o il Commerce Cloud Portal per installare l’estensione.
2. Abilita CORS (Cross-Origin Resource Sharing) sul tuo server SAP Commerce Cloud. Questo consente allo storefront di comunicare con le Commerce REST API da un’origine diversa.
3. Configura l’URL base per lo storefront utilizzando Angular Schematics for Spartacus o il file environment.ts. Questo è l’URL che punta al tuo server SAP Commerce Cloud dove è ospitata la Commerce REST API.
4. Crea un nuovo progetto Angular usando Angular CLI: ng new my-storefront --style=scss
5. Aggiungi Angular Schematics for Spartacus: ng add @spartacus/schematics
6. Scegli le opzioni per il tuo storefront, come l’URL base, le funzionalità, lo stile e le lingue.
7. Avvia lo storefront usando Angular CLI: ng serve
8. Apri il browser e naviga verso http://localhost:4200
9. Verifica che lo storefront funzioni correttamente e visualizzi i dati e i contenuti corretti utilizzando gli strumenti di sviluppo del browser o lo strumento SmartEdit.
10. Integra lo storefront con tutti i sistemi e poi configura l’autenticazione per completare il processo.
11. Ricorda di personalizzare l’aspetto e le funzionalità dello storefront e di utilizzare la Spartacus Storefront Library per aggiungere ulteriori funzionalità e componenti.

Come personalizzare ed estendere SAP Spartacus o SAP Commerce Composable Storefront?

Per personalizzare ed estendere SAP Spartacus o SAP Commerce Composable Storefront, puoi utilizzare varie tecniche e metodi, tra cui:

Componenti Angular - Puoi creare i tuoi componenti Angular o sovrascrivere quelli esistenti di Spartacus utilizzando template, stili e logica Angular. Puoi anche usare direttive, pipe e servizi Angular per migliorare i tuoi componenti.

Componenti CMS - Crea i tuoi componenti CMS o sovrascrivi quelli esistenti di Spartacus usando lo strumento SmartEdit o gli script ImpEx. Puoi anche utilizzare attributi, slot, pagine e template CMS per configurare i tuoi componenti.

Outlet Spartacus - Utilizza gli outlet Spartacus per iniettare contenuti o logica personalizzati in punti specifici dello storefront senza modificare i componenti originali. Puoi anche usare i contesti degli outlet per passare dati o eventi tra i componenti.

Configurazioni Spartacus - Utilizza le configurazioni Spartacus per personalizzare vari aspetti dello storefront, come routing, autenticazione, localizzazione, personalizzazione e ottimizzazione. Puoi anche usare i moduli di funzionalità per abilitare o disabilitare determinate funzionalità.

Stili Spartacus - Applica gli stili Spartacus per personalizzare l’aspetto visivo dello storefront utilizzando variabili, mixin e funzioni SCSS. Puoi anche usare le utility e i temi di Bootstrap per applicare stili comuni.

Quali sono le limitazioni e le sfide dell’utilizzo di SAP Spartacus o SAP Commerce Composable Storefront?

SAP Spartacus o SAP Commerce Composable Storefront è ancora in sviluppo e potrebbe non disporre di tutte le funzionalità di cui hai bisogno per il tuo storefront. Alcune delle limitazioni e sfide che potresti incontrare sono:

Lacune nelle funzionalità - Alcune funzionalità disponibili nel tradizionale SAP Commerce Cloud Accelerator non sono ancora supportate da Spartacus, come personalizzazione, promozioni, programmi fedeltà o funzionalità B2B. Potrebbe essere necessario personalizzare o estendere Spartacus per soddisfare i requisiti specifici.

Curva di apprendimento - Spartacus richiede conoscenze e competenze nello sviluppo Angular, nonché familiarità con le API e i concetti di SAP Commerce Cloud. Potrebbe essere necessario investire tempo ed energie per apprendere e padroneggiare queste tecnologie.

Problemi di compatibilità - SAP Composable Storefront o Spartacus potrebbe non essere compatibile con alcune integrazioni o estensioni di terze parti progettate per il tradizionale SAP Commerce Cloud Accelerator. Potrebbe essere necessario aggiornare o sostituire queste integrazioni o estensioni per funzionare con Spartacus.

Problemi di performance - SAP Spartacus potrebbe avere problemi di performance a causa della sua architettura headless, che si basa su molteplici chiamate API e trasferimenti di dati tra frontend e backend. Potrebbe essere necessario ottimizzare la configurazione di rete, la strategia di caching e la modellazione dei dati per migliorare le performance.

Quali sono le best practice e i suggerimenti per l’utilizzo di SAP Spartacus o SAP Commerce Composable Storefront?

Per utilizzare SAP Spartacus o SAP Commerce Composable Storefront in modo efficace ed efficiente, puoi seguire alcune best practice e suggerimenti, tra cui:

Rimani aggiornato - Tieni traccia degli ultimi aggiornamenti e rilasci di Spartacus su GitHub, così come della documentazione ufficiale e dei post del blog di Spartacus. Puoi anche partecipare ai forum della community e ai webinar per imparare da altri sviluppatori ed esperti.

Segui le linee guida - Rispetta gli standard di codifica, le convenzioni di denominazione e i principi di design raccomandati da Spartacus. Puoi anche usare strumenti di analisi del codice come ESLint, Prettier o SonarQube per garantire qualità e coerenza del codice.

Usa i feature flag - Utilizza i feature flag per abilitare o disabilitare determinate funzionalità nello storefront senza influire sulle altre. Questo può aiutarti a testare nuove funzionalità in ambienti o scenari diversi prima di rilasciarle in produzione.

Usa i micro frontend - Utilizza i micro frontend per suddividere lo storefront in moduli più piccoli e indipendenti che possono essere sviluppati e distribuiti separatamente. Questo può aiutarti a migliorare la scalabilità, la manutenibilità e la riutilizzabilità del codice.

Usa i web component - Utilizza i web component per creare elementi UI riutilizzabili che possono essere usati su diversi framework e piattaforme. Questo può aiutarti a ridurre le dipendenze, aumentare l’interoperabilità e migliorare l’esperienza utente di Spartacus.

Usa il SAP Repositories Management Portal - Il SAP Repositories Management Portal è uno strumento basato sul web che aiuta a gestire i repository SAP Commerce Cloud, come codice, dati e media.

Conclusione

Questa guida ha coperto tutti gli aspetti di SAP Spartacus, la soluzione headless storefront rivoluzionaria per SAP Commerce Cloud. Per maggiori dettagli su un’implementazione efficace di SAP Spartacus, puoi consultare anche la documentazione ufficiale di Spartacus di SAP.

Se stai cercando di implementare SAP Spartacus, Spadoom può essere la tua guida. Come SAP Gold Partner con oltre 6 anni di esperienza diversificata, siamo i tuoi eroi SAP Customer Experience! Contattaci ora per implementare o migrare a SAP Spartacus o SAP Commerce Cloud Composable Storefront.

Domande frequenti

SAP Spartacus è un CMS?

SAP Spartacus non è un CMS, ma un’applicazione web JavaScript che consente di creare uno storefront personalizzato per SAP Commerce Cloud. Spartacus utilizza il CMS di SAP Commerce Cloud per eseguire il rendering di contenuti e componenti dinamici, ma non fornisce alcuna funzionalità CMS.

Qual è il nuovo nome di SAP Spartacus?

SAP Spartacus è stato rinominato SAP Commerce Cloud, Composable Storefront dalla versione 5.03. Questo riflette il fatto che Spartacus è diventato un prodotto SAP ufficiale e il principale storefront per SAP Commerce Cloud, enfatizzando la natura composable e modulare di Spartacus.

Chi usa SAP Spartacus?

SAP Spartacus è utilizzato dai clienti che desiderano sfruttare i vantaggi di uno storefront moderno, headless e basato su API per SAP Commerce Cloud. È adatto a tutti i settori. Alcuni esempi di clienti che utilizzano Spartacus sono T-Mobile, Samsung e Sonae MC5.

Come posso personalizzare ed estendere SAP Spartacus?

SAP Spartacus offre personalizzazione tramite Angular Schematics per i componenti e CSS per l’aspetto visivo. Utilizza le sue funzionalità di estensibilità come outlet, componenti CMS e interceptor per modificarne il comportamento predefinito.

Come posso connettere SAP Spartacus ad altri sistemi oltre a SAP Commerce Cloud?

Sebbene Spartacus si integri con SAP Commerce Cloud, può connettersi ad altri sistemi usando connettori personalizzati. Implementa i tuoi connettori o usa quelli di SAP o di terze parti.