eCommerce + PWA

Progressive Web App verbessert SAP Commerce-Lösung

SAP ist ein weltweit führendes Softwareunternehmen und wurde von Gartner im Bereich Digital Commerce als führend anerkannt, insbesondere durch die SAP Customer Experience.

Da das Unternehmen stets den neuesten Technologietrends folgt, entschied es sich, Progressive Web Apps (PWAs) in sein Flaggschiffprodukt, SAP Commerce Cloud, zu integrieren.

Dank der PWA hat SAP Commerce Cloud die Kundenerfahrung (CX) verbessert und erweitert. Darüber hinaus bietet PWA eine app-ähnliche Benutzererfahrung mit vielen Funktionen wie der Installation auf dem Startbildschirm, Push-Benachrichtigungen, Offline-Modus und Client-seitigem Caching.

Die Herausforderung

Warum wurden wir um Hilfe gebeten?

Ende 2017 wandte sich SAP an Cloudflight, einen führenden Anbieter von eCommerce-orientierten Progressive Web Apps, um ihre Bedürfnisse und Herausforderungen zu besprechen. Cloudflight wurde ausgewählt, weil wir über umfangreiche Erfahrungen in der PWA-Entwicklung verfügen. Wir hatten auch ein relativ neues und attraktives Produkt in unserem Portfolio: Vue Storefront (VSF). Im Jahr 2017 war VSF ein sehr frisches Konzept, das ein Jahr zuvor veröffentlicht wurde und sich perfekt mit SAPs F&E-Arbeiten an ihrem neuen Commerce-Frontend deckte. Nach der Analyse der Details einigten sich Cloudflight und SAP auf eine Partnerschaft, um gemeinsam zu arbeiten und Erfahrungen auszutauschen. Die Unternehmen setzten während der tiefgehenden Analyse die wichtigsten Projektziele und bildeten ein interdisziplinäres Team. Das Team bestand aus über 20 Personen, darunter acht Entwickler von Cloudflight und über 15 Experten von SAP.

Die Projektziele konzentrierten sich auf drei Hauptbereiche:

- Den SAP-Entwicklern ein Headless-Frontend bereitzustellen, das mit jeder neuen Version leicht aktualisiert werden kann.

- Die PWA-Technologie und moderne JavaScript-Frameworks zu nutzen, um eine erweiterbare Codebasis zu schaffen, die leicht anpassbar ist.

- Die Lösung als Open-Source-Produkt zu veröffentlichen und Partner in die weitere Produktentwicklung und den Adoptionsprozess einzubeziehen.

Die Idee

Wie haben wir die Technologie angegangen?

Zunächst musste das Cloudflight-Team das SAP-Hauptquartier in Montreal, Kanada, besuchen. Unser Team verbrachte eine Woche in Montreal, wo uns das Proof of Concept (POC) von SAP in Angular präsentiert wurde. Unsere Entwickler wurden gebeten, den Code zu überprüfen und Verbesserungen sowie alternative Lösungen vorzuschlagen. Viele Unit-Tests waren bereits vorhanden, und das gesamte Setup schien äußerst spannend. Nach einigen intensiven Workshoptagen konnten wir eine offene Diskussion beginnen und Mehrwert einbringen. Das Cloudflight-Entwicklungsteam konnte Wissen über Webanwendungen und die neuesten eCommerce-Trends basierend auf unseren früheren Erfahrungen mit der Entwicklung von Vue Storefront einbringen.

Als Ergebnis der Zusammenarbeit und der Workshops einigten sich die Teams auf die Roadmap für SAP Spartacus. Diese konzentrierte sich stark auf neue Funktionen wie PWA, Lazy Loading und SSR. Beide Teams einigten sich auf alle Aspekte der Projektdurchführung und Rollenverteilung. Eine interessante Anforderung war SAPs Definition von „done“, die im Detail alle Teile beschrieb, die geliefert werden mussten, um jede neue Funktion als fertig zu betrachten.

Der gesamte Entwicklungsprozess, seine Geschwindigkeit und die inkrementelle Lieferung wurden durch einen wirklich soliden Prozess basierend auf agilen Prinzipien sichergestellt. Eine Vielzahl von Experten, darunter ein SCRUM Master, technischer Redakteur, Frontend-Architekt, Frontend- und Backend-Entwickler sowie ein Qualitätssicherungsspezialist, waren beteiligt.

Eine der größten Herausforderungen für unser Team bestand darin, SAPs Produkte, Hybris und Commerce Cloud, in sehr kurzer Zeit zu verstehen und zu erlernen, um mit der Implementierung von Spartacus beginnen zu können. Um den gesamten Prozess zu starten, mussten wir einige alte Funktionen vom Accelerator, einer etwas veralteten Lösung, übernehmen und in unserem neuen Angular Storefront, bekannt als SAP Spartacus, implementieren. Natürlich ist das Mapping der Funktionalitäten immer eine Herausforderung, und das war auch diesmal der Fall.

Die Lösung

Was haben wir erreicht?

Kurz nach dem Projektstart erhielt es den Codenamen Spartacus. Der Name verrät die leistungsstarken Funktionen, die darin verborgen sind. Die enge Zusammenarbeit zwischen SAP und Cloudflight führte zur ersten Veröffentlichung im Jahr 2018, und SAP Spartacus wurde im Oktober 2018 auf der SAP CX Live in Barcelona vorgestellt.

Die Zusammenarbeit zwischen SAP und Cloudflight dauert bis heute an und hat sich sogar noch ausgeweitet. Im Dezember 2020 wurde Version 3.0 von Spartacus veröffentlicht, die erstmals B2B-Funktionen beinhaltete. Der Veröffentlichungszyklus hat sich beschleunigt, und jeden Monat werden neue Funktionen veröffentlicht. Die Zusammenarbeit ging jedoch über das Programmieren hinaus. Cloudflight-Mitarbeiter arbeiten an der Erstellung von OpenSAP-Kursen über Spartacus mit, um Wissen und Best Practices in der Community zu verbreiten. Gemeinsam haben wir über 4 Spartacus-Services gestartet.

SAP

SAP ist ein weltweit führendes Softwareunternehmen und wurde von Gartner im Bereich Digital Commerce als führend anerkannt, insbesondere durch die SAP Customer Experience.