Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Everything is a Sales Channel - Headless Commerce mit Shopware 6

Everything is a Sales Channel - Headless Commerce mit Shopware 6

Der Talk gibt eine Übersicht über die verschiedenen APIs in Shopware 6 mit Fokus auf die Möglichkeiten für Headless Commerce mit Sales Channel und Store API

Timo Helmke

June 25, 2020
Tweet

Other Decks in Programming

Transcript

  1. 25.06.2020
    Everything is a
    Sales Channel.
    Headless Commerce mit Shopware 6

    View Slide

  2. Timo
    • eCommerce seit 2006
    • Entwicklung seit 2008
    • Shopware seit 2013
    • Shopware only seit 2016
    • Kellerkind seit 2017
    2
    Senior Developer / Team-Lead

    View Slide

  3. Headless - Was ist das?
    • Im ursprünglichen Sinn ein
    System ohne Eingabeinterface
    • Im Web-Umfeld ein System ohne
    Frontend
    • Kernfeature: Entkopplung
    • Backend und Frontend sind
    getrennt
    • Ein Backend - viele Frontends
    • Kommunikation über APIs
    3

    View Slide

  4. Headless - Warum braucht man das?
    • Flexibilität!
    • Storefront ist hässlich? Wirf
    sie weg und bau deine eigene!
    • Dein Kunde hat eine eigene App?
    Integrier' den Shop!
    • Neue Technologien? Nutzen!
    • Digitale Elemente im Offline-
    Handel? Verbinde sie!
    4

    View Slide

  5. Headless in Shopware
    Ein Blick zurück:
    • Shopware 5 API war okay
    • Austausch von Daten möglich
    • Warenkörbe zusammenstellen?
    • Zahlungsworkflows?
    • Preise für den aktuellen Kunden?
    5

    View Slide

  6. APIs in SW6
    Admin API
    6

    View Slide

  7. APIs in SW6
    Sync API
    7

    View Slide

  8. APIs in SW6
    Sales Channel API
    Store API
    8

    View Slide

  9. Sales Channel API
    • Product Endpunkt
    • Category Endpunkt
    • Newsletter Endpunkt
    • Context Endpunkt
    • Customer Endpunkt
    • Cart Endpunkt
    9

    View Slide

  10. Store API
    • Navigation Routen
    • Product Routen
    • Account Routen
    • Cart Routen
    • Sales Channel Routen
    10

    View Slide

  11. Warum zwei APIs?
    • Beispiel Produktdetailseite
    • Titel, Bilder, Preise, Texte
    • Crossselling, Konfiguratoren,
    komplexere Contentelemente
    • zu viele Daten für einen
    Endpunkt
    • strukturelle Verbesserungen
    • Abwärtskompatibilität
    11

    View Slide

  12. Sales Channel API
    • Storefront und API getrennt
    • Jeweils eigene Controller
    • Darunter liegend ein gemeinsamer
    Service
    • Zuletzt das DAL
    12
    Storefront
    Saleschannel
    API
    Storefront
    Controller
    API
    Controller
    Service
    Data
    Abstraction
    Layer

    View Slide

  13. Store API
    • Storefront benutzt die selben
    Routen
    • zusätzlicher Controller und
    Service fallen weg
    • neue Funktionen lassen sich
    einfacher für beide Systeme
    implementieren
    13
    Storefront
    API
    Client
    Storefront
    Controller
    Store API
    Route
    Data
    Abstraction
    Layer

    View Slide

  14. Welche API soll ich nutzen?
    • Für bestehende Anbindungen:
    keine Änderung notwendig
    • Sales Channel API bleibt
    bestehen
    • Für neue Anbindungen:
    Store API
    • Alles was noch nicht geht:
    Sales Channel API
    • Migration:
    Nach und nach ersetzen
    14

    View Slide

  15. Was kann man damit machen?
    PoC Twitch goes Sales Channel
    Ausblick auf andere Ideen
    15

    View Slide

  16. Warum Twitch?
    • Über 2 Millionen Streamer
    • 10 Millionen tägliche Nutzer
    • Kooperationen schon jetzt vorhanden
    16

    View Slide

  17. Demo
    17

    View Slide

  18. Endlich Code!
    18

    View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. View Slide

  24. Einordnung
    • Hürden: Workflows. Wie
    registriere ich meinen Kunden?
    • Rechtlich saubere Darstellung
    der Bestellungen
    • Datenschutz und Kundenvertrauen
    • Alles nur noch Headless?
    24

    View Slide

  25. Weitere Sales Channel
    • PWA: Progressive Web-App
    • IoT: Der Kühlschrank bestellt
    Milch nach. Die Kaffeemaschine
    neuen Kaffee.
    • Voice Commerce: Alexa & Co
    • Amazon Dashbutton
    • Verkaufsdisplays im
    Ladengeschäft.
    • Eure Ideen...?
    25

    View Slide

  26. Kellerkinder GmbH
    Gleisstraße 2
    DE-68766
    Hockenheim
    +49 (6205) 310 030
    [email protected]
    kellerkinder.de
    26
    Du willst auch ein
    Kellerkind werden?
    Dann bewirb dich jetzt
    auf kellerkinder.dev

    View Slide