Zum Inhalt springen
Erstellen Sie Ihren eigenen Spartacus Storefront: Schritt-für-Schritt-Blueprint für die Einrichtung eines Spartacus Storefronts in SAP Commerce Cloud
Insights · ·6 Min. Lesezeit

Erstellen Sie Ihren eigenen Spartacus Storefront: Schritt-für-Schritt-Blueprint für die Einrichtung eines Spartacus Storefronts in SAP Commerce Cloud

Janko Spasovski

Janko Spasovski

SAP Commerce Developer, Spadoom AG

Teilen

Sie kommen nicht mehr mit bei den sich ständig ändernden Anforderungen im eCommerce? Dann haben wir gute Nachrichten. Die Lösung heisst SAP Commerce Cloud plus Spartacus Storefront — eine robuste, flexible Plattform für eine herausragende Online-Präsenz.

Aktuelle Statista-Berichte zeigen, dass die weltweiten E-Commerce-Umsätze von 5,2 Billionen US-Dollar im Jahr 2021 voraussichtlich mit einer Rate von 56 % wachsen und bis 2026 auf 8,1 Billionen US-Dollar steigen. Das ist kein Hype — das ist ein konkreter Markt, der nach adäquaten Storefronts schreit. SAP Commerce Cloud und Spartacus liefern das robuste Backend, das Sie brauchen, und öffnen gleichzeitig die Tür zu Frontend-Innovation und -Anpassung.

Also: Schauen wir uns die Grundlagen der Einrichtung Ihres Spartacus Storefronts an. Eine Reise, die Ihre E-Commerce-Strategie transformieren kann.

Was ist SAP Spartacus?

SAP Spartacus ist der Angular-basierte JavaScript-Storefront, der nahtlos mit SAP Commerce Cloud zusammenspielt. Das Prinzip: Headless Commerce. Spartacus übernimmt das Frontend und gestaltet die Customer Experience, während die SAP Commerce Cloud im Hintergrund die schwere Arbeit erledigt — Bestellungen, Lager, Pricing, das ganze Backend-Orchester.

Die eigentliche Stärke des SAP Spartacus Storefronts liegt in der Entkopplung: Frontend und Backend arbeiten unabhängig voneinander. Das Angular-Framework erlaubt schnelle Anpassungen — Sie reagieren auf veränderte Marktanforderungen und Kundenpräferenzen, ohne das Backend anzufassen. Flexibilität, die de facto jedes monolithische System alt aussehen lässt.

Voraussetzungen für die Erstellung eines SAP Spartacus Storefronts

Bevor Sie loslegen: Stellen Sie sicher, dass Ihre Werkzeuge bereitstehen. Wer hier Abkürzungen nimmt, zahlt später doppelt. Gut vorbereitet ist halb gewonnen.

Anforderungen an die Frontend-Entwicklung

Ihre Angular-Entwicklungsumgebung muss bestimmte Kriterien erfüllen. Konkret: Angular CLI v8.0.0 oder höher, Yarn v1.15 oder höher und Node.js v10 oder höher — abhängig davon, ob Sie Spartacus 1.x oder den neueren Composable Storefront 5.x einsetzen. Aktuelle Tool-Versionen sind zwingend, weil ältere Versionen die neuesten Funktionen schlicht nicht unterstützen.

Anforderungen an den Backend-Server

Auf der Backend-Seite stützt sich Spartacus auf SAP Commerce Cloud und erfordert mindestens Version 1905. Nehmen Sie immer das neueste Release — mit jedem Update kommen neue OCC-APIs, die Ihrem Spartacus Storefront zusätzliche Möglichkeiten eröffnen.

Mit diesen Voraussetzungen steht dem Aufbau Ihres Spartacus Storefronts nichts mehr im Weg. Weiter geht’s mit dem konkreten Blueprint.

Schritt-für-Schritt-Anleitung zur Einrichtung des Spartacus Storefronts

Hier führen wir Sie durch die entscheidenden Schritte — von der neuen Angular-Anwendung bis zum laufenden Storefront.

  1. Gestalten Sie Ihre Code-Repository-Struktur und konfigurieren Sie SAP Commerce Cloud

  • Beginnen Sie mit der Gestaltung Ihrer Code-Repository-Struktur.
  • Aktivieren Sie Composable Storefront in SAP Commerce Cloud, einschliesslich der Beschaffung der ‘spartacussampledata’-Erweiterung aus dem SAP Commerce Cloud Sample Repository. Diese Erweiterung enthält die ‘electronics-spa’-Site und zugehörige CMS-Daten — beides brauchen Sie für den Composable Storefront.
  1. Erstellen einer neuen Angular-Anwendung

  • Erstellen Sie in Ihrem Workspace (z. B. $WORKSPACE) eine neue Angular-Anwendung namens ‘mystore’ mit der Angular CLI: ‘ng new mystore —style=scss’. Bei der Frage nach Angular-Routing: ‘n’ für Nein.
  • Danach wechseln Sie mit ‘cd mystore’ in den Projektordner.
  1. Einrichten Ihres Projekts mit Spartacus Schematics

  • Installieren Sie das neueste Spartacus-Release: ‘ng add @spartacus/schematics@latest’.
  • Während der Installation wählen Sie die gewünschten Features. Empfehlung: User-Account-Funktion installieren. Beachten Sie — Spartacus unterstützt keine B2C- und B2B-Storefronts in einer einzigen Anwendung.
  1. Installieren von Abhängigkeiten

  • Führen Sie ‘yarn install’ aus, um die notwendigen Abhängigkeiten zu installieren.
  1. Spartacus konfigurieren

  • Konfigurieren Sie die Datei ‘spartacus-configuration.module.ts’: ‘baseUrl’ auf Ihren SAP Commerce Cloud-Server, ‘prefix’ für OCC-Aufrufe, ‘features.level’ und den Site-Kontext (Basis-Site, Sprache, Währung).
  1. Starten Ihrer Spartacus-App:

  • Starten Sie mit ‘yarn start’. Die App kompiliert und läuft.
  • Navigieren Sie zu http://localhost:4200. Mit Electronics-Beispieldaten und der Spartacus Sample Data-Erweiterung sollte der Storefront erscheinen. Falls nicht: Möglicherweise müssen Sie ein Datenschutzzertifikat akzeptieren — Browser-Sicherheitseinstellungen halt.
  1. Erstellen und Bereitstellen Ihrer Composable Storefront-Anwendung:

  • Erstellen Sie Ihren Composable Storefront über das Cloud-Portal und deployen Sie in die gewünschte Umgebung.
  • Wählen Sie ‘Migrate data’ oder ‘Initialize database’ für den Plattform-Update-Modus, wenn Daten in der ‘spartacussampledata’-Erweiterung eingeführt werden.

Damit haben Sie den Grundstein gelegt. Aber — und das sage ich ganz direkt — der Grundstein allein macht noch kein Haus. Der Schlüssel zu einem Storefront, der die Konkurrenz übertrifft, liegt in sorgfältiger Anpassung, Integration und aufmerksamer Fehlerbehebung.

Wie Spadoom helfen kann

Spadoom bringt einen breiten Erfahrungsschatz in SAP Commerce Cloud und Spartacus mit. Wir wissen: Die Einrichtung ist erst der Anfang. Unser Leistungsangebot hebt Ihre E-Commerce-Erfahrung auf ein adäquates Niveau:

  • Massgeschneiderte Storefront-Lösungen — Spadoom spezialisiert sich auf die Anpassung von SAP Commerce Cloud und Spartacus an Ihre konkreten Geschäftsanforderungen.
  • Nahtlose Integration — Wir stellen sicher, dass Ihr Storefront sich fehlerfrei in bestehende Systeme einfügt. Reibungslose Nutzererfahrung, keine Kompromisse.
  • Leistungsoptimierung — Unser Team optimiert Ihren Storefront für Spitzenleistung. Geschwindigkeit und Effizienz, messbar.
  • Fachkundige Konfigurationsberatung — Spadoom berät Sie bei komplexen Konfigurationen innerhalb von Spartacus und vereinfacht den Prozess.
  • Strategische Digitalberatung — Profitieren Sie von unseren strategischen Erkenntnissen, um Spartacus für maximales Customer Engagement einzusetzen.
  • Umfassender Support — Von der individuellen Entwicklung bis zur digitalen Strategie: Spadoom begleitet Sie über die gesamte Storefront-Reise.

Mit Spadooms Expertise wird Ihr Spartacus Storefront zum Eckpfeiler Ihres digitalen Erfolgs — ein Erlebnis, das bei Ihren Kunden ankommt und sich am Markt abhebt.

Erste Schritte mit Spartacus Storefronts — Ihr Tor zum digitalen Erfolg

Der Weg zu einem herausragenden Spartacus Storefront in SAP Commerce Cloud ist jetzt klar und greifbar.

Der Schlüssel liegt in nahtloser Integration, konsequenter Anpassung und echter Reaktionsfähigkeit auf Kundenbedürfnisse. Und wenn Sie den Extra-Vorteil suchen: Erwägen Sie eine Partnerschaft mit Spadoom — Ihren SAP Customer Experience-Helden — und erschliessen Sie das volle Potenzial Ihrer Online-Präsenz.

Angular applicationComposable StorefrontSAP CommerceSAP solutionsSAP Spartacus
Nächster Schritt

Lösungen für E-Commerce

Erfahren Sie, wie SAP Commerce Cloud Ihr Unternehmen voranbringen kann.

Verwandte Artikel

Experten fragen