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

Willkommen in der Welt von SAP Spartacus, einer beliebten Headless-Storefront-Lösung basierend auf dem Angular Web Application Framework, die die Commerce REST API nutzt. Spartacus steht im Mittelpunkt der Wachstumsgeschichte des Headless Commerce, das bis 2025 einen Marktumfang von 3,9 Milliarden USD erreichen soll!

Erstmals 2019 veröffentlicht, hat SAP Spartacus bedeutende Updates und Verbesserungen erfahren. Als Ergebnis wurde es nun in SAP Commerce Cloud, Composable Storefront umbenannt, um seine fortschrittliche modulare und flexible Architektur zu widerspiegeln. Tauchen wir also ein in das Universum von SAP Spartacus und erkunden wir seine endlosen Möglichkeiten.

SAP Spartacus Zeitleiste

SAP Spartacus wurde erstmals 2019 veröffentlicht und wird regelmässig mit neuen Features und Verbesserungen aktualisiert. Hier ist eine kurze SAP Spartacus Zeitleiste, die seine schnelle Entwicklung darstellt:

2019: SAP Spartacus wurde als Open-Source-Projekt auf GitHub gestartet, mit der ersten Version (1.0) im Juli. Es unterstützte Features wie Server-Side Rendering, Progressive Web App, Internationalisierung und Barrierefreiheit. Es stellte auch eine Sample Data Extension und ein B2C Storefront-Template bereit.

2020: SAP Spartacus veröffentlichte mehrere Minor- und Major-Versionen, wie 1.1, 1.2, 1.3, 1.4, 2.0, 2.1 und 3.0. Es wurden Features wie Lazy Loading, Schematics, Outlets, Feature Flags, CMS-gesteuerte Dialoge und ein B2B Storefront-Template hinzugefügt. Ausserdem wurde die Spartacus Storefront Library eingeführt, um mehr Komponenten und Module für den Storefront bereitzustellen.

2021: Es wurden weitere Versionen bis hin zu Version 4.0 veröffentlicht. In diesen Releases wurden Features wie Web Components, Micro Frontends, Schema.org Markup, Data Isolation und B2B Organization Management hinzugefügt. Ausserdem wurde es in SAP Commerce Cloud, Composable Storefront umbenannt.

2022: SAP Spartacus veröffentlichte Versionen 4 und höher bis Version 5.1. Zu den hinzugefügten Features gehörten Personalisierung, Aktionen, Treueprogramme und B2B Cost Center Management. Es wurde seit Version 5.03 in SAP Commerce Cloud, Composable Storefront umbenannt. In diesen Updates wurde es mit anderen SAP-Produkten und -Services integriert, wie SAP Customer Data Platform, SAP Marketing Cloud und SAP Upscale Commerce.

2023: SAP Commerce Cloud, Composable Storefront veröffentlichte weitere Versionen und erreichte 2023 Version 6.0. Es wurden Features wie Voice Assistant, Emotionserkennung, Predictive Analytics und B2B Genehmigungsworkflow hinzugefügt. Es wurden auch die neueste Angular-Version und Technologien wie Angular Ivy, Angular Elements und Angular Material übernommen.

Was sind die Vorteile der Nutzung von SAP Spartacus oder SAP Commerce Composable Storefront?

SAP Spartacus oder SAP Commerce Composable Storefront bietet verschiedene Vorteile sowohl für Entwickler als auch für Business-Nutzer:

Erweiterbarkeit — Entwickler können problemlos Features oder Komponenten im Storefront hinzufügen, entfernen oder ersetzen, ohne die Kernfunktionalität zu beeinflussen. Sie können auch bestehende Angular-Bibliotheken und Tools nutzen, um den Storefront zu verbessern. Darüber hinaus können sie Micro Frontends verwenden, um den Storefront in kleinere und unabhängige Module aufzuteilen, die separat entwickelt und bereitgestellt werden können.

Progressive Web App (PWA) — Der Storefront ist als PWA konzipiert, was bedeutet, dass er eine schnelle, zuverlässige und ansprechende Benutzererfahrung über verschiedene Geräte und Plattformen hinweg bieten kann. Nutzer können auf den Spartacus PWA Storefront offline zugreifen, Push-Benachrichtigungen erhalten und ihn auf ihren Startbildschirmen installieren.

Server-Side Rendering (SSR) — Es unterstützt SSR, was bedeutet, dass es die anfängliche Seite serverseitig rendern kann, bevor sie an den Browser gesendet wird. Dies kann die Performance, SEO und Barrierefreiheit des Storefronts verbessern.

Internationalisierung (i18n) — Der Storefront unterstützt i18n, was bedeutet, dass er Inhalte in verschiedenen Sprachen und Formaten basierend auf den Präferenzen und dem Standort des Nutzers anzeigen kann. Der Storefront verwendet Angular i18n Tools zur Verarbeitung von Übersetzungen, Währungen, Datum, Zahlen und Einheiten.

Open Source Entwicklung — Der Composable Storefront ist Open Source und auf SAP GitHub Spartacus gehostet, was bedeutet, dass Entwickler zur SAP Spartacus Entwicklung beitragen, Probleme melden, Features anfragen und auf SAP-Dokumentation zugreifen können. Der Storefront folgt auch der Semantic Versioning (SemVer) Konvention, um Kompatibilität und Stabilität zu gewährleisten.

SEO-Optimierung — Der Storefront unterstützt SEO-Optimierung, was bedeutet, dass er die Sichtbarkeit und das Ranking des Storefronts in Suchmaschinen verbessern kann. Spartacus verwendet Angular Universal, um statische HTML-Seiten für jede Route zu generieren, die von Suchmaschinen gecrawlt und indexiert werden können. Der Storefront verwendet auch Schema.org Markup, um strukturierte Daten für jede Seite bereitzustellen, was das Erscheinungsbild und die Relevanz des Storefronts in den Suchergebnissen verbessern kann.

Barrierefreiheit — SAP Spartacus unterstützt Barrierefreiheit, was bedeutet, dass es eine benutzerfreundliche und inklusive Erfahrung für alle Nutzer bieten kann, unabhängig von ihren Fähigkeiten oder Beeinträchtigungen. Es folgt den Web Content Accessibility Guidelines (WCAG) 2.1, um sicherzustellen, dass der Storefront wahrnehmbar, bedienbar, verständlich und robust ist. Spartacus verwendet auch ARIA (Accessible Rich Internet Applications) Attribute, um semantische Informationen für Bildschirmlesegeräte und andere Hilfstechnologien bereitzustellen.

Vielseitigkeit — Wie andere SAP Tools ist SAP Commerce Cloud, Composable Storefront vielseitig und ermöglicht die Anpassung für verschiedene Branchen, einschliesslich Automotive, Konsumgüter, Medizin, Chemie, Industrieausrüstung und Retail.

Wenn Sie einen Accelerator-basierten Storefront auf SAP Commerce Cloud verwenden, empfiehlt es sich, zu SAP Commerce Cloud, Composable Storefront vom Accelerator-basierten Storefront zu migrieren, um mit den neuesten E-Commerce-Trends Schritt zu halten und die oben genannten Vorteile zu nutzen.

Was sind die Anforderungen und Voraussetzungen für die Nutzung von SAP Spartacus oder SAP Commerce Composable Storefront?

Um SAP Spartacus oder SAP Commerce Composable Storefront zu nutzen, benötigen Sie die folgenden Anforderungen und Voraussetzungen:

SAP Commerce Cloud 2105 oder neuer — Die neueste Version von SAP Commerce Cloud wird empfohlen. Ältere Versionen von SAP Commerce Cloud unterstützen nicht alle APIs und Features, die SAP Spartacus 4.3.8 oder später benötigen wird.

CORS — Sie müssen auch CORS (Cross-Origin Resource Sharing) auf Ihrem Backend-Server aktivieren, um die Kommunikation zwischen dem Storefront und der API zu ermöglichen.

Angular CLI, Node.js und npm — Sie müssen diese Tools in Ihrer Entwicklungsumgebung installiert und aktualisiert haben, um mit SAP Spartacus arbeiten zu können. Sie müssen auch Angular Schematics für Spartacus installieren, um ein neues Angular-Projekt mit Spartacus-Abhängigkeiten zu generieren.

Ein Code-Editor — Sie benötigen einen Code-Editor, der TypeScript, HTML, CSS und Angular-Entwicklung unterstützt. Beliebte Optionen sind Visual Studio Code, WebStorm oder Sublime Text.

Ein Webbrowser — Sie müssen einen Webbrowser haben, der moderne Webstandards und Spartacus PWA Features unterstützt. Beliebte Optionen sind Google Chrome, Mozilla Firefox oder Microsoft Edge.

Wie installiert und richtet man SAP Spartacus oder SAP Commerce Composable Storefront ein?

Um SAP Spartacus oder SAP Commerce Composable Storefront zu installieren und einzurichten, müssen Sie den folgenden SAP Spartacus Implementierungsprozess befolgen:

1. Installieren und konfigurieren Sie die Spartacus Sample Data Extension auf Ihrer SAP Commerce Cloud Instanz. Sie können die ImpEx-Skripte oder das Commerce Cloud Portal verwenden, um die Extension zu installieren.
2. Aktivieren Sie CORS (Cross-Origin Resource Sharing) auf Ihrem SAP Commerce Cloud Server. Dadurch kann der Storefront von einem anderen Origin aus mit der Commerce REST API kommunizieren.
3. Konfigurieren Sie die Basis-URL für den Storefront mit Angular Schematics für Spartacus oder der environment.ts Datei. Dies ist die URL, die auf Ihren SAP Commerce Cloud Server zeigt, auf dem die Commerce REST API gehostet wird.
4. Erstellen Sie ein neues Angular-Projekt mit Angular CLI: ng new my-storefront --style=scss
5. Fügen Sie Angular Schematics für Spartacus hinzu: ng add @spartacus/schematics
6. Wählen Sie die Optionen für Ihren Storefront, wie die Basis-URL, die Features, das Styling und die Sprachen.
7. Starten Sie den Storefront mit Angular CLI: ng serve
8. Öffnen Sie Ihren Webbrowser und navigieren Sie zu http://localhost:4200
9. Überprüfen Sie, ob der Storefront ordnungsgemäss funktioniert und die richtigen Daten und Inhalte mithilfe der Entwicklertools des Browsers oder des SmartEdit-Tools anzeigt.
10. Integrieren Sie den Storefront mit allen Systemen und richten Sie dann die Authentifizierung ein, um den Prozess abzuschliessen.
11. Denken Sie daran, das Erscheinungsbild und die Funktionalitäten des Storefronts anzupassen und die Spartacus Storefront Library zu verwenden, um weitere Features und Komponenten hinzuzufügen.

Wie passt und erweitert man SAP Spartacus oder SAP Commerce Composable Storefront an?

Um SAP Spartacus oder SAP Commerce Composable Storefront anzupassen und zu erweitern, können Sie verschiedene Techniken und Methoden verwenden:

Angular Components — Sie können eigene Angular-Komponenten erstellen oder die bestehenden von Spartacus mit Angular-Templates, Styles und Logik überschreiben. Sie können auch Angular-Direktiven, -Pipes und -Services verwenden, um Ihre Komponenten zu verbessern.

CMS Components — Erstellen Sie eigene CMS-Komponenten oder überschreiben Sie die bestehenden von Spartacus mit dem SmartEdit-Tool oder den ImpEx-Skripten. Sie können auch CMS-Attribute, -Slots, -Seiten und -Templates verwenden, um Ihre Komponenten zu konfigurieren.

Spartacus Outlets — Verwenden Sie Spartacus Outlets, um eigene Inhalte oder Logik an bestimmten Stellen im Storefront einzufügen, ohne die ursprünglichen Komponenten zu modifizieren. Sie können auch Outlet-Kontexte verwenden, um Daten oder Ereignisse zwischen Komponenten weiterzugeben.

Spartacus Konfigurationen — Verwenden Sie Spartacus-Konfigurationen, um verschiedene Aspekte des Storefronts anzupassen, wie Routing, Authentifizierung, Lokalisierung, Personalisierung und Optimierung. Sie können auch Feature-Module verwenden, um bestimmte Features zu aktivieren oder zu deaktivieren.

Spartacus Styles — Wenden Sie Spartacus Styles an, um das Erscheinungsbild des Storefronts mit SCSS-Variablen, Mixins und Funktionen anzupassen. Sie können auch Bootstrap-Utilities und Themes verwenden, um gängige Styles anzuwenden.

Was sind die Einschränkungen und Herausforderungen bei der Nutzung von SAP Spartacus oder SAP Commerce Composable Storefront?

SAP Spartacus oder SAP Commerce Composable Storefront befindet sich noch in der Entwicklung und hat möglicherweise nicht alle Features und Funktionalitäten, die Sie für Ihren Storefront benötigen. Einige der Einschränkungen und Herausforderungen, auf die Sie stossen können, sind:

Feature-Lücken — Einige Features, die im traditionellen SAP Commerce Cloud Accelerator verfügbar sind, werden von Spartacus noch nicht unterstützt, wie Personalisierung, Aktionen, Treueprogramme oder B2B Features. Möglicherweise müssen Sie Spartacus anpassen oder erweitern, um Ihre spezifischen Anforderungen zu erfüllen.

Lernkurve — Spartacus erfordert Kenntnisse und Fähigkeiten in der Angular-Entwicklung sowie Vertrautheit mit SAP Commerce Cloud APIs und Konzepten. Möglicherweise müssen Sie Zeit und Aufwand investieren, um diese Technologien zu erlernen und zu beherrschen.

Kompatibilitätsprobleme — Der SAP Composable Storefront oder Spartacus ist möglicherweise nicht mit einigen Drittanbieter-Integrationen oder Extensions kompatibel, die für den traditionellen SAP Commerce Cloud Accelerator konzipiert sind. Möglicherweise müssen Sie diese Integrationen oder Extensions aktualisieren oder ersetzen, damit sie mit Spartacus funktionieren.

Performance-Probleme — SAP Spartacus kann aufgrund seiner Headless-Architektur, die auf mehrere API-Aufrufe und Datenübertragungen zwischen Frontend und Backend angewiesen ist, Performance-Probleme haben. Möglicherweise müssen Sie Ihre Netzwerkkonfiguration, Caching-Strategie und Datenmodellierung optimieren, um die Performance zu verbessern.

Was sind die Best Practices und Tipps für die Nutzung von SAP Spartacus oder SAP Commerce Composable Storefront?

Um SAP Spartacus oder SAP Commerce Composable Storefront effektiv und effizient zu nutzen, können Sie einige Best Practices und Tipps befolgen:

Bleiben Sie aktuell — Verfolgen Sie die neuesten Updates und Releases von Spartacus auf GitHub sowie die offizielle Spartacus-Dokumentation und Blog-Beiträge. Sie können auch Community-Foren und Webinare beitreten, um von anderen Entwicklern und Experten zu lernen.

Befolgen Sie die Richtlinien — Befolgen Sie die Coding-Standards, Namenskonventionen und Designprinzipien, die von Spartacus empfohlen werden. Sie können auch Code-Analyse-Tools wie ESLint, Prettier oder SonarQube verwenden, um Codequalität und -konsistenz sicherzustellen.

Verwenden Sie Feature Flags — Verwenden Sie Feature Flags, um bestimmte Features in Ihrem Storefront zu aktivieren oder zu deaktivieren, ohne andere Features zu beeinflussen. Dies kann Ihnen helfen, neue Features in verschiedenen Umgebungen oder Szenarien zu testen, bevor Sie sie in die Produktion überführen.

Verwenden Sie Micro Frontends — Verwenden Sie Micro Frontends, um Ihren Storefront in kleinere und unabhängige Module aufzuteilen, die separat entwickelt und bereitgestellt werden können. Dies kann Ihnen helfen, die Skalierbarkeit, Wartbarkeit und Wiederverwendbarkeit Ihres Codes zu verbessern.

Verwenden Sie Web Components — Verwenden Sie Web Components, um wiederverwendbare UI-Elemente zu erstellen, die über verschiedene Frameworks und Plattformen hinweg verwendet werden können. Dies kann Ihnen helfen, Abhängigkeiten zu reduzieren, die Interoperabilität zu erhöhen und die Spartacus-Benutzererfahrung zu verbessern.

Verwenden Sie das SAP Repositories Management Portal — Das SAP Repositories Management Portal ist ein webbasiertes Tool, das Ihnen hilft, Ihre SAP Commerce Cloud Repositories, wie Code, Daten und Medien, zu verwalten.

Fazit

Dieser Leitfaden hat alle Aspekte von SAP Spartacus behandelt, der bahnbrechenden Headless-Storefront-Lösung für SAP Commerce Cloud. Für weitere Details zur effektiven SAP Spartacus Implementierung können Sie auch 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 vielfältiger Erfahrung sind wir Ihre SAP Customer Experience Helden! Kontaktieren Sie uns jetzt, um SAP Spartacus oder SAP Commerce Cloud Composable Storefront zu implementieren oder dahin zu migrieren.

Häufig gestellte Fragen

Ist SAP Spartacus ein CMS?

SAP Spartacus ist kein CMS, sondern eine JavaScript-Webanwendung, die es Ihnen ermöglicht, Ihren eigenen Marken-Storefront für SAP Commerce Cloud zu erstellen. Spartacus verwendet das SAP Commerce Cloud CMS, um dynamische Inhalte und Komponenten zu rendern, bietet aber keine CMS-Funktionalität.

Wie lautet der neue Name für SAP Spartacus?

SAP Spartacus wurde seit Version 5.03 in SAP Commerce Cloud, Composable Storefront umbenannt. Dies spiegelt die Tatsache wider, dass Spartacus ein offizielles SAP-Produkt und der primäre Storefront für SAP Commerce Cloud geworden ist, und betont die composable und modulare Natur von Spartacus.

Wer nutzt SAP Spartacus?

SAP Spartacus wird von Kunden genutzt, die von den Vorteilen eines modernen, Headless- und API-gesteuerten Storefronts für SAP Commerce Cloud profitieren möchten. Es ist für alle Branchen geeignet. Einige Beispiele für Kunden, die Spartacus nutzen, sind T-Mobile, Samsung und Sonae MC5.

Wie kann ich SAP Spartacus anpassen und erweitern?

SAP Spartacus bietet Anpassung über Angular Schematics für Komponenten und CSS für das Erscheinungsbild. Nutzen Sie seine Erweiterbarkeits-Features wie Outlets, CMS-Komponenten und Interceptors, um sein Standardverhalten zu modifizieren.

Wie kann ich SAP Spartacus mit anderen Systemen ausser SAP Commerce Cloud verbinden?

Obwohl Spartacus mit SAP Commerce Cloud integriert ist, kann es über benutzerdefinierte Konnektoren mit anderen Systemen verbunden werden. Implementieren Sie eigene Konnektoren oder verwenden Sie solche von SAP oder Drittanbietern.