![\"Fullsize\"](\"https:\/\/e3mag.com\/wp-content\/uploads\/2026\/03\/banner_26_04_08_1200x150.jpg\")
<\/a><\/div><\/div>\n\n\n\nSAP Spartacus<\/h3>\n\n\n\n
SAP Spartacus ist ein unter der Apache License 2.0 lizenziertes Open-Source-Projekt, das prim\u00e4r vom SAP-Commerce-Cloud-Team verwaltet und weiterentwickelt wird. Basierend auf dem Angular-Framework implementiert Spartacus eine Headless UI, die sich als Storefront out of the box mit dem SAP-Commerce-System integriert. Der Begriff Headless bedeutet in diesem Kontext, dass SAP Commerce und SAP Spartacus eigenst\u00e4ndige, autarke Applikationen sind, wobei die Verantwortung f\u00fcr die Auslieferung von Inhalten dem SAP-Commerce-System obliegt, w\u00e4hrend die Spartacus-Storefront Design und Interaktion umsetzt.<\/p>\n\n\n\n
Im Gegensatz zu herk\u00f6mmlichen Storefronts, bei denen es sich meist um Java Server Pages (JSP) handelt, entkoppelt die Single Page Application (SPA) das Frontend vom Backend. Dadurch k\u00f6nnen Entwicklungszyklen unabh\u00e4ngig voneinander gemanagt und durchgef\u00fchrt sowie die Codebasis voneinander getrennt werden. Die Kommunikation zwischen den Applikationen geschieht dabei ausschlie\u00dflich \u00fcber webbasierte APIs. Im Standard liefert Spartacus alle erwarteten Funktionen eines E-Shops aus, zu denen unter anderem die Homepage, die Produktdetailseite, der Warenkorb und der Check-out z\u00e4hlen.\u00a0<\/p>\n\n\n\n
Zu Beginn der Entwicklung einer Konfigurator-Storefront steht die Wahl der geeigneten Technologie. Um Transparenz in den Entscheidungsgrundlagen f\u00fcr eine Technologie zur Umsetzung der individuellen Storefront zu schaffen, hilft eine Gegen\u00fcberstellung der Entscheidungsalternativen. Klassische Accelerator Storefronts sind in aktuellen Releases von SAP Commerce als veraltet annotiert und sollen im Q2 2024 vollst\u00e4ndig aus dem System entfernt werden. SAP begr\u00fcndet die Entscheidung mit den Vorteilen der Entkopplung von Front- und Backend. Durch diese Entscheidung seitens SAP stellt die Neu-Entwicklung einer traditionellen Accelerator Storefront aus heutiger Sicht keine Option mehr dar.<\/p>\n\n\n\n
Als verbleibende Alternativen stehen sich die individuelle Entwicklung einer eigenen Storefront von Grund auf sowie die Verwendung der vorgefertigten Funktionalit\u00e4ten des Spartacus-Frameworks gegen\u00fcber. <\/p>\n\n\n\n
Spartacus bietet out of the box eine lauff\u00e4hige Storefront, deren Individualisierbarkeit auf den Konzepten der Konfigurier- und Anpassbarkeit basiert. Konfigurationen ver\u00e4ndern das Verhalten des Spartacus, zum Beispiel die zu verbindende Backend-Adresse, Authentifizierung und Layout. Zugunsten der Anpassbarkeit ist die Codebasis des Spartacus au\u00dferdem explizit auf die Wiederverwendung und Anpassung der Codeelemente auf der Grundlage der Dependency-Injection-Konzepte des SPA-Frameworks Angular ausgelegt. Durch die Implementierung des Spartacus-Projekts durch SAP Commerce Cloud profitieren Entwicklungsprojekte auf Basis von Spartacus von der tiefgreifenden fachlichen Expertise im Commerce-Umfeld.<\/p>\n\n\n\n
Zus\u00e4tzlich implementiert Spartacus ein skalierbares Frontend State Management. Die Eigenentwicklung dieser grundlegenden Komponenten in einem Individualprojekt verz\u00f6gert das Ausrollen der ersten vollst\u00e4ndig lauff\u00e4higen Storefront und erh\u00f6ht den Aufwand zur Wartung und Weiterentwicklung merkbar. Klassische Qualit\u00e4tskriterien der Softwareentwicklung liegen damit au\u00dferdem im Verantwortungsbereich des Entwicklungsteams. Auf der anderen Seite ist das Entwicklerteam im Individualprojekt technologisch unabh\u00e4ngig und hat die Obhut \u00fcber jede Entscheidung und Implementierung der Logik.<\/p>\n\n\n\n
Querschnittliche Konzepte<\/h3>\n\n\n\n
Sowohl das SAP-Commerce-System als auch der SAP Spartacus machen sich das Software-Entwurfsmuster Fassade zunutze. Eine Fassade bildet eine Abstraktionsschicht auf einer oder mehreren Datenquellen zur Aufbereitung der Daten zu einem bestimmten Zweck. Der SAP Commerce implementiert im Backend eine rudiment\u00e4re Configuration Facade, um die Konfigurationsdaten zu beziehen, aggregieren und f\u00fcr die Nutzung in einer Konfigurationsstorefront aufzubereiten. Da die rudiment\u00e4ren Funktionalit\u00e4ten nur in den seltensten F\u00e4llen ausreichend f\u00fcr individuelle Konfigurationsanforderungen sind, m\u00fcssen Entwickler in der Lage sein, diese Fassade um spezifische Funktionalit\u00e4ten zu erweitern. Technologische Grundlage f\u00fcr die Entwicklung im SAP Commerce ist das Java-Spring-webmvc-Framework.\u00a0<\/p>\n\n\n\n
Auch der SAP Spartacus nutzt im Frontend das Entwurfsmuster Fassade, um die vom Backend bezogenen Daten f\u00fcr die Nutzung im Web-Frontend aufzubereiten. Um diese Funktionalit\u00e4t zu individualisieren, ben\u00f6tigt es Know-how im Umgang mit der Angular Dependency Injection und den damit inh\u00e4renten Injection Tokens. Auf Basis der Injection Tokens k\u00f6nnen Komponenten ausgetauscht und erweitert werden, damit eine individuelle User Experience geschaffen wird. Als weiteres Konzept nutzen sowohl SAP Commerce als auch der SAP Spartacus den sogenannten OCC, Omnichannel-Commerce. OCC verfolgt das Ziel einer nahtlosen Customer Experience \u00fcber alle Touchpoints des Kunden mit dem Unternehmen, unabh\u00e4ngig vom genutzten Kommunikationsmedium. <\/p>\n\n\n\n
Technisch betrachtet bedeutet OCC im SAP Commerce die Schnittstelle zur Bereitstellung der in der Fassade aufbereiteten Daten auf Basis von Webservices. Der SAP Spartacus greift dieses Konzept auf und bezieht die Daten in seiner OCC-Schicht, bevor er sie an die Fassade weiterleitet. Sowohl Fassaden als auch OCC sind elementare Grundlagen, um eine robuste, skalierbare und wartbare Storefront entwickeln zu k\u00f6nnen.<\/p>\n\n\n\n
SAP Commerce Skillset<\/h3>\n\n\n\n
Auch die Individualisierbarkeit des SAP-Commerce-Systems basiert auf Konfigurationen und der Erweiterung der vorgefertigten Code-Basis. Zum Zweck der Konfiguration wird das SAP-Commerce-System mit der propriet\u00e4ren ImpEx (Import und Export) Engine ausgeliefert. Durch die tabellenartige Syntax der ImpEx-Scripte lassen sich leicht verst\u00e4ndliche, reproduzierbare Modifikationen am Verhalten des SAP Commerce vornehmen. Beispielhaft seien die Destination und Layout Customizings genannt. Sogenannte \u201eVerwendete Destinationen\u201c (englisch \u201eConsumed Destinations\u201c) erm\u00f6glichen die Integration in weitere Back-end-Systeme. Durch die Anwendung eines entsprechenden ImpEx Scripts kann die verwendete Destination auf die kundenspezifische Engine mit spezifischen Authentifizierungs-Informationen umgelenkt werden. Das Layout kann au\u00dferdem hinsichtlich der im Frontend anzuzeigenden Container angepasst werden, die eine Storefront daraufhin zum Anzeigen entsprechender Inhalte verwendet.<\/p>\n\n\n\n
Zur Aufbereitung der Daten verwendet der SAP Commerce die Konzepte Populator und Mapper in Verbindung mit den Fassaden. Ein Populator ist daf\u00fcr zust\u00e4ndig, Daten in ein bestehendes Objekt zu \u00fcberf\u00fchren. Mehrere Populatoren k\u00f6nnen dabei hintereinandergeschaltet werden, um eine ganzheitliche Datentransformation abzubilden. Mapper sind innerhalb von Populatoren f\u00fcr die Generierung eines neuen Datenobjekts aus einem anderen Datentyp verantwortlich. Zusammen bilden Populatoren und Mapper die Datentransformation, die den Input f\u00fcr die Fassade liefert. <\/p>\n\n\n\n
Die konsequente Nutzung dieser Art der Datentransformation wirkt sich deutlich positiv auf die Qualit\u00e4tskriterien des geschriebenen Codes aus. Im Zentrum der Spartacus-Storefront steht ihr Konzept zum Datenhandling, bestehend aus der Implementierung des State Management mit NgRx (Redux), der konsequenten Nutzung von Observables sowie der Konzepte Normalisierung und Serialisierung. Die Kombination dieser Bausteine macht die Storefront datenzentriert und reaktiv. Bei NgRx handelt es sich um eine Open-Source-Angular-Implementierung des Redux-Frameworks. Der Zustand der in NgRx gespeicherten Daten wird ausschlie\u00dflich \u00fcber Observables kommuniziert, wodurch die UI stets auf \u00c4nderungen der Daten reagieren kann.\u00a0<\/p>\n\n\n\n
Spartacus Skillset <\/h3>\n\n\n\n
Normalisierung bezeichnet den Vorgang der Transformation von Daten aus dem Commerce-Backend in der Spartacus-Fassade, um sie f\u00fcr die Anzeige aufzubereiten. Alle eingehenden Daten werden durch dedizierte Normalizer geleitet. Umgekehrt flie\u00dfen alle durch Nutzerinteraktion modifizierten Daten aus der Spartacus-Fassade in Richtung des Commerce-Backend durch Serializer, die f\u00fcr die \u00dcberf\u00fchrung der Daten zur\u00fcck in das OCC-Modell verantwortlich sind.<\/p>\n\n\n\n
Fazit<\/h3>\n\n\n\n
CCP und SAP Spartacus bieten out of the box eine lauff\u00e4hige Konfigurationsoberfl\u00e4che, die sich nahtlos mit vorhandenen SAP-Konfiguratoren integriert. Soll eine individuelle Customer Experience mit beiden Systemen abgebildet werden, kommen Unternehmen allerdings nicht um die Adaption der vorhandenen Logik herum. Daf\u00fcr bedarf es Expertise im Backend, sprich Java Spring webmvc, genauso wie im Frontend, sprich Angular. Obgleich die Anzeige der Konfiguratoren adaptiv auf die Daten des Backends reagiert, werden Unternehmen mit der Standardimplementierung in beiden Systemen schnell an ihre Grenzen sto\u00dfen. Die Entwicklung einer eigenen Storefront von Grund auf ist m\u00f6glich, birgt dabei aber ganz andere Risiken. Um die zu beherrschen, bedarf es eines tiefgreifenden Know-how des Entwicklerteams in verschiedenen Bereichen des Softwareengineering.<\/p>\n\n\n\n SAP Commerce ist als E-Commerce-Plattform zentraler Bestandteil der Digitalisierung etlicher produzierender Unternehmen. Configurator Complex Products und SAP Spartacus bieten eine lauff\u00e4hige Konfigurationsoberfl\u00e4che, die sich nahtlos mit vorhandenen SAP-Konfiguratoren integriert.<\/p>\n","protected":false},"author":2532,"featured_media":120016,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"0","footnotes":""},"categories":[5,41922],"tags":[15917,229,111,41924],"coauthors":[40507],"class_list":["post-120013","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-it-management","category-mag-22-11","tag-adesso","tag-e-commerce","tag-infrastruktur","tag-mag-22-11","pmpro-has-access"],"acf":[],"featured_image_urls_v2":{"full":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",1200,540,false],"thumbnail":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-80x80.jpg",80,80,true],"medium":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",400,180,false],"medium_large":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-768x346.jpg",768,346,true],"large":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",1200,540,false],"image-100":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-100x45.jpg",100,45,true],"image-480":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-480x216.jpg",480,216,true],"image-640":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-640x288.jpg",640,288,true],"image-720":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-720x324.jpg",720,324,true],"image-960":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-960x432.jpg",960,432,true],"image-1168":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-1168x526.jpg",1168,526,true],"image-1440":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",1200,540,false],"image-1920":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",1200,540,false],"1536x1536":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",1200,540,false],"2048x2048":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",1200,540,false],"trp-custom-language-flag":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",18,8,false],"bricks_large_16x9":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",1200,540,false],"bricks_large":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",1200,540,false],"bricks_large_square":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",1200,540,false],"bricks_medium":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",600,270,false],"bricks_medium_square":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz.jpg",600,270,false],"profile_24":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-24x24.jpg",24,24,true],"profile_48":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-48x48.jpg",48,48,true],"profile_96":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-96x96.jpg",96,96,true],"profile_150":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-150x150.jpg",150,150,true],"profile_300":["https:\/\/e3mag.com\/wp-content\/uploads\/2022\/12\/shutterstock_2159893093_Golden-Dayz-300x300.jpg",300,300,true]},"post_excerpt_stackable_v2":" SAP Commerce ist als E-Commerce-Plattform zentraler Bestandteil der Digitalisierung etlicher produzierender Unternehmen. Configurator Complex Products und SAP Spartacus bieten eine lauff\u00e4hige Konfigurationsoberfl\u00e4che, die sich nahtlos mit vorhandenen SAP-Konfiguratoren integriert.<\/p>\n","category_list_v2":"IT-Management<\/a>, Mag 22-11<\/a>","author_info_v2":{"name":"Adesso SE","url":"https:\/\/e3mag.com\/de\/author\/adesso-se\/"},"comments_num_v2":"0 comments","_links":{"self":[{"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/posts\/120013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/users\/2532"}],"replies":[{"embeddable":true,"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/comments?post=120013"}],"version-history":[{"count":1,"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/posts\/120013\/revisions"}],"predecessor-version":[{"id":137658,"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/posts\/120013\/revisions\/137658"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/media\/120016"}],"wp:attachment":[{"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/media?parent=120013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/categories?post=120013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/tags?post=120013"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/e3mag.com\/de\/wp-json\/wp\/v2\/coauthors?post=120013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/e3mag.com\/wp-content\/uploads\/2022\/11\/ci-banner-adesso.jpg\")
<\/figure>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"