SAP Spartacus meistern: Ein tiefer Einblick in den SAP Composable Storefront

SAP Spartacus. Eine Headless-Storefront-Lösung auf Basis des Angular-Frameworks, die die Commerce REST API nutzt. Klingt technisch? Ist es auch. Aber die Zahlen dahinter sind alles andere als trocken: Headless Commerce soll bis 2025 einen Marktumfang von 3,9 Milliarden USD erreichen. Spartacus steht mittendrin in dieser Wachstumsgeschichte.

Erstmals 2019 veröffentlicht, hat Spartacus seither bedeutende Updates erfahren und wurde in SAP Commerce Cloud, Composable Storefront umbenannt. Der Name spiegelt die modulare, flexible Architektur wider. Schauen wir uns an, was Spartacus konkret kann und wo die Grenzen liegen.

SAP Spartacus Zeitleiste

SAP Spartacus wird seit 2019 regelmässig mit neuen Features und Verbesserungen aktualisiert. Die Entwicklung ging schnell:

2019: Start als Open-Source-Projekt auf GitHub. Version 1.0 im Juli mit Server-Side Rendering, PWA-Support, Internationalisierung und Barrierefreiheit. Dazu eine Sample Data Extension und ein B2C-Storefront-Template.

2020: Mehrere Minor- und Major-Versionen (1.1 bis 3.0). Neue Features: Lazy Loading, Schematics, Outlets, Feature Flags, CMS-gesteuerte Dialoge, B2B-Storefront-Template. Die Spartacus Storefront Library kam dazu, mit mehr Komponenten und Modulen.

2021: Weiterentwicklung bis Version 4.0. Web Components, Micro Frontends, Schema.org Markup, Data Isolation, B2B Organization Management. Und die Umbenennung in SAP Commerce Cloud, Composable Storefront.

2022: Versionen 4 bis 5.1. Personalisierung, Aktionen, Treueprogramme, B2B Cost Center Management. Seit Version 5.03 offiziell als SAP Commerce Cloud, Composable Storefront bekannt. Integration mit SAP Customer Data Platform, SAP Marketing Cloud und SAP Upscale Commerce.

2023: Weitere Versionen bis 6.0. Voice Assistant, Emotionserkennung, Predictive Analytics, B2B-Genehmigungsworkflow. Übernahme der neuesten Angular-Technologien wie Angular Ivy, Angular Elements und Angular Material.

Was sind die Vorteile der Nutzung von SAP Spartacus?

SAP Spartacus bietet konkrete Vorteile für Entwickler und Business-Nutzer:

Erweiterbarkeit: Features oder Komponenten hinzufügen, entfernen oder ersetzen, ohne die Kernfunktionalität zu tangieren. Bestehende Angular-Bibliotheken nutzen. Micro Frontends für unabhängige Module, die separat entwickelt und bereitgestellt werden können. Das ist echte Modularität.

Progressive Web App (PWA): Schnelle, zuverlässige Benutzererfahrung über Geräte und Plattformen hinweg. Offline-Zugriff, Push-Benachrichtigungen, Installation auf dem Startbildschirm. Die Grenze zwischen Web und App verschwimmt, und das ist gut so.

Server-Side Rendering (SSR): Die initiale Seite wird serverseitig gerendert, bevor sie an den Browser geht. Das verbessert Performance, SEO und Barrierefreiheit in einem Aufwisch.

Internationalisierung (i18n): Inhalte in verschiedenen Sprachen und Formaten, basierend auf Nutzerpräferenzen und Standort. Angular i18n Tools für Übersetzungen, Währungen, Datum, Zahlen, Einheiten. Für ein Schweizer Unternehmen wie Spadoom, das in mehreren Sprachen operiert, ist das kein Nice-to-have, sondern Pflicht.

Open Source Entwicklung: Auf SAP GitHub gehostet. Entwickler können beitragen, Probleme melden, Features anfragen. Semantic Versioning (SemVer) für Kompatibilität und Stabilität.

SEO-Optimierung: Angular Universal generiert statische HTML-Seiten für jede Route. Suchmaschinen können crawlen und indexieren. Schema.org Markup liefert strukturierte Daten. Das Ergebnis: bessere Sichtbarkeit und Ranking.

Barrierefreiheit: WCAG 2.1 konform. ARIA-Attribute für Bildschirmlesegeräte und Hilfstechnologien. Inklusion ist kein Bonus, sondern eine Anforderung. Punkt.

Vielseitigkeit: Anpassbar für verschiedene Branchen: Automotive, Konsumgüter, Medizin, Chemie, Industrieausrüstung, Retail. De facto eine Plattform für viele Welten.

Wenn Sie einen Accelerator-basierten Storefront auf SAP Commerce Cloud nutzen, empfiehlt sich die Migration zum Composable Storefront, um mit den E-Commerce-Trends Schritt zu halten.

Anforderungen und Voraussetzungen

Um SAP Spartacus nutzen zu können, brauchen Sie:

SAP Commerce Cloud 2105 oder neuer: Die neueste Version wird empfohlen. Ältere Versionen unterstützen nicht alle APIs und Features, die ab Spartacus 4.3.8 benötigt werden.

CORS: Cross-Origin Resource Sharing muss auf dem Backend-Server aktiviert sein, damit Storefront und API kommunizieren können.

Angular CLI, Node.js und npm: Installiert und aktuell in Ihrer Entwicklungsumgebung. Angular Schematics für Spartacus, um ein neues Projekt mit den richtigen Abhängigkeiten zu generieren.

Ein Code-Editor: TypeScript, HTML, CSS und Angular-Entwicklung. Visual Studio Code, WebStorm oder Sublime Text sind gängige Optionen.

Ein Webbrowser: Moderne Webstandards und PWA-Support. Chrome, Firefox oder Edge.

Installation und Einrichtung

Der Implementierungsprozess Schritt für Schritt:

1. Spartacus Sample Data Extension auf Ihrer SAP Commerce Cloud Instanz installieren und konfigurieren. Via ImpEx-Skripte oder das Commerce Cloud Portal.
2. CORS auf dem SAP Commerce Cloud Server aktivieren. Der Storefront muss von einem anderen Origin aus mit der Commerce REST API kommunizieren können.
3. Basis-URL konfigurieren, mit Angular Schematics oder der environment.ts Datei. Diese URL zeigt auf Ihren SAP Commerce Cloud Server.
4. Neues Angular-Projekt erstellen: ng new my-storefront --style=scss
5. Angular Schematics für Spartacus hinzufügen: ng add @spartacus/schematics
6. Optionen wählen: Basis-URL, Features, Styling, Sprachen.
7. Storefront starten: ng serve
8. Browser öffnen, http://localhost:4200 aufrufen.
9. Prüfen, ob der Storefront korrekt funktioniert. Entwicklertools oder SmartEdit nutzen.
10. Storefront mit allen Systemen integrieren und Authentifizierung einrichten.
11. Erscheinungsbild und Funktionalitäten anpassen. Die Spartacus Storefront Library bietet weitere Features und Komponenten.

Anpassung und Erweiterung

Verschiedene Techniken stehen zur Verfügung:

Angular Components: Eigene Komponenten erstellen oder bestehende Spartacus-Komponenten mit Templates, Styles und Logik überschreiben. Direktiven, Pipes und Services nutzen.

CMS Components: Eigene CMS-Komponenten erstellen oder bestehende überschreiben, via SmartEdit oder ImpEx. CMS-Attribute, Slots, Seiten und Templates für die Konfiguration nutzen.

Spartacus Outlets: Eigene Inhalte oder Logik an bestimmten Stellen einfügen, ohne die Original-Komponenten zu ändern. Outlet-Kontexte für die Datenweitergabe zwischen Komponenten.

Spartacus Konfigurationen: Routing, Authentifizierung, Lokalisierung, Personalisierung, Optimierung anpassen. Feature-Module zum Aktivieren oder Deaktivieren bestimmter Features.

Spartacus Styles: Erscheinungsbild über SCSS-Variablen, Mixins und Funktionen anpassen. Bootstrap-Utilities und Themes für gängige Styles.

Einschränkungen und Herausforderungen

Also ehrlich: Spartacus ist noch in Entwicklung, und nicht alles funktioniert reibungslos. Einige Punkte, die Sie kennen sollten:

Feature-Lücken: Einige Features des traditionellen SAP Commerce Cloud Accelerators werden noch nicht unterstützt. Personalisierung, Aktionen, Treueprogramme, bestimmte B2B-Features. Anpassungen können nötig sein.

Lernkurve: Spartacus erfordert Angular-Kenntnisse und Vertrautheit mit SAP Commerce Cloud APIs. Das ist kein Wochenendprojekt.

Kompatibilitätsprobleme: Nicht alle Drittanbieter-Integrationen oder Extensions, die für den Accelerator konzipiert sind, funktionieren mit Spartacus. Updates oder Ersatz können nötig sein.

Performance-Probleme: Die Headless-Architektur basiert auf mehreren API-Aufrufen. Das kann zu Performance-Engpässen führen. Netzwerkkonfiguration, Caching und Datenmodellierung optimieren.

Best Practices und Tipps

Bleiben Sie aktuell: Verfolgen Sie Updates auf GitHub, die offizielle Dokumentation und Blog-Beiträge. Community-Foren und Webinare bieten zusätzliches Wissen.

Befolgen Sie die Richtlinien: Coding-Standards, Namenskonventionen, Designprinzipien. Code-Analyse-Tools wie ESLint, Prettier oder SonarQube für Qualität und Konsistenz.

Verwenden Sie Feature Flags: Features aktivieren oder deaktivieren, ohne andere zu beeinflussen. Ideal zum Testen vor dem Produktionsrollout.

Verwenden Sie Micro Frontends: Storefront in kleinere, unabhängige Module aufteilen. Besser für Skalierbarkeit, Wartbarkeit und Wiederverwendbarkeit.

Verwenden Sie Web Components: Wiederverwendbare UI-Elemente für verschiedene Frameworks und Plattformen. Weniger Abhängigkeiten, mehr Interoperabilität.

Verwenden Sie das SAP Repositories Management Portal: Webbasiertes Tool für die Verwaltung Ihrer SAP Commerce Cloud Repositories: Code, Daten und Medien.

Fazit

Dieser Leitfaden hat alle wesentlichen Aspekte von SAP Spartacus behandelt. Für weitere Details zur Implementierung können Sie die offizielle Spartacus-Dokumentation von SAP einsehen.

Wenn Sie SAP Spartacus implementieren möchten, kann Spadoom Ihr Wegweiser sein. Als SAP Gold Partner mit über 6 Jahren Erfahrung sind wir Ihre SAP Customer Experience Experten. Kontaktieren Sie uns, um SAP Spartacus zu implementieren oder vom Accelerator zu migrieren.

Häufig gestellte Fragen

Ist SAP Spartacus ein CMS?

Nein. SAP Spartacus ist eine JavaScript-Webanwendung, mit der Sie Ihren eigenen Storefront für SAP Commerce Cloud erstellen. Spartacus nutzt das SAP Commerce Cloud CMS, um dynamische Inhalte und Komponenten zu rendern, bietet aber selbst keine CMS-Funktionalität.

Wie lautet der neue Name für SAP Spartacus?

Seit Version 5.03: SAP Commerce Cloud, Composable Storefront. Der Name betont, dass Spartacus ein offizielles SAP-Produkt und der primäre Storefront für SAP Commerce Cloud geworden ist.

Wer nutzt SAP Spartacus?

Unternehmen, die von einem modernen, Headless- und API-gesteuerten Storefront profitieren wollen. Branchenübergreifend. Beispiele: T-Mobile, Samsung, Sonae MC5.

Wie kann ich SAP Spartacus anpassen und erweitern?

Über Angular Schematics für Komponenten und CSS fürs Erscheinungsbild. Erweiterbarkeits-Features wie Outlets, CMS-Komponenten und Interceptors modifizieren das Standardverhalten.

Wie kann ich SAP Spartacus mit anderen Systemen verbinden?

Obwohl primär mit SAP Commerce Cloud integriert, können über benutzerdefinierte Konnektoren auch andere Systeme angebunden werden. Eigene Konnektoren implementieren oder solche von SAP und Drittanbietern nutzen.