com!-Academy-Banner

Headless Shops - in jedem Kanal ein anderes Gesicht

Javascript im Frontend

von - 18.04.2019
Interdiscount
Beispiel: Der Shop Interdiscount.ch läuft seit August 2018 auf einer Headless-Architekur.
(Quelle: com! professional / Screenshot )
Als Shop-Frontend kommen oft Javascript-Programme zum Einsatz, die auf Javascript-Frameworks wie Angular oder React beruhen. Diese Programme werden nicht auf dem Server des Shop-­Betreibers ausgeführt, der eine komplette Website an den Browser ausliefern würde, sondern direkt im Browser. Das sorgt für eine je nach Endgerät optimierte Darstellung und für außerordentlich schnelle Ladezeiten.
Ein solches Javascript-Programm ist etwa eine Progressive Web App (PWA). Sie ergänzt eine Website um die Vorzüge einer nativen App. So sind die PWAs voll Mobile-tauglich - und das auch offline und ohne Installation auf dem Smartphone. Zudem lassen sie sich wie ­eine App auf dem Home-Bildschirm verankern, ermöglichen Push-Benachrichtigungen und den Zugriff auf Smartphone-Features wie die Kamera.
Die Entwicklung von PWAs steht zwar noch am Anfang, vor allem weil noch nicht sämtliche Browser-Varianten alle Funktionalitäten ermöglichen. Dennoch werden PWAs von Marktbeobachtern als die Technologie gehandelt, die responsive Websites und native Apps langsam, aber sicher ablösen wird.

Headless braucht Know-how

Ausgangspunkt von Headless-Lösungen waren vor etwa zwei Jahren Content-­Management-Systeme. Dort sind entsprechende Ansätze entstanden, weil es zunehmend nötig war, Inhalte nicht nur vor­formatiert über Webseiten auszugeben, sondern eben auch mobil, in Apps oder in Social Media. Mit der Ausweitung des Handels auf unterschiedliche Verkaufskanäle wird der Ansatz nun auch für den ­E-Commerce und Omnichannel-Handel relevant. Und es ist zu erwarten, dass dieser Trend sich auch auf andere Bereiche ausdehnen wird. „Ich gehe davon aus, dass künftig jedes System, das am Markt bestehen will, den Headless-Ansatz unterstützen muss“, sagt Nexum-Manager Anhalt. Das gilt beispielsweise für Customer-Relationship-Management-Systeme.
­Allerdings erfordert eine solche Software-Architektur Know-how: „Wer einen Headless Shop plant, braucht unbedingt eine ­eigene IT-Abteilung im Haus“, ist Frederik Thomas überzeugt. Er ist der IT-Verantwortliche der Shops Interdiscount.ch und Microspot.ch und hat beide Shops auf Headless umgestellt. Knapp 20 Java-Entwickler hat er dafür in seiner Abteilung. Nur so lassen sich seiner Meinung nach die Chancen zur schnellen Umsetzung neuer Features richtig nutzen. Eine der großen Herausforderungen der Headless-Architektur sind nämlich die Schnittstellen. „Wenn die nicht sauber funktionieren, geht gar nichts“, so Thomas. Außerdem müsse vorab klar definiert werden, welche Funktionen dem Back­end und welche dem Frontend zugeordnet werden. Und auch das Testing sei aufwendiger. Thomas ist sehr zufrieden mit dem ­neuen Ansatz, auch wenn der Umbau noch nicht abgeschlossen ist. Eine Eigenentwicklung auf Basis der Shop-Software Hybris soll noch das Backend ersetzen, und er denkt über ein Headless CMS und die Entwicklung einer PWA nach.
Verwandte Themen