![Page 1: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/1.jpg)
Frontend Architekturfür Microservices
Thomas Krusetrion development GmbH
www.trion.de
![Page 2: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/2.jpg)
Training - Beratung - Entwicklung
Kubernetes Spring Boot Angular
ReactJavaDocker
![Page 3: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/3.jpg)
● Entwickler, Trainer, Berater
○ @everflux
○ www.trion.de
● Java User Group Münster
● Frontend Freunde Münster
Thomas Kruse
![Page 4: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/4.jpg)
Wo stehen wir …
… und wie kamen wir da hin?
![Page 5: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/5.jpg)
1970 - Zentrale Großrechner
![Page 6: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/6.jpg)
1970 - Nutzer: Experten
![Page 7: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/7.jpg)
1970 - Architektur: Monolithisch
Zentrale Datenbank
UI (Host Masken)
Linearer Programmfluss Geschäftslogik
![Page 8: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/8.jpg)
1990 - Schichtenarchitektur
Nutzer haben PCs mit GUI
Anwendungen werden komplexer
Professionalisierung / OO
Rich Clients
![Page 9: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/9.jpg)
1990 - Organisation
![Page 10: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/10.jpg)
2000 - Modularisierung im Backend
Komplexität steigt
Größenordnungen mehr Nutzer durch Web
Team Aufteilung:Framework-/FachentwicklerInfrastruktur / Betrieb
![Page 11: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/11.jpg)
Anforderungen aus Architektursicht
Komplexität beherschen
Wartbarkeit, Erweiterbarkeit
Entwickler finden / skalieren können
Analysierbarkeit / Verständlichkeit
Hohe Entwicklungsgeschwindigkeit Gewichtung je nach Kontext
![Page 12: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/12.jpg)
2010 - Microservices
Cloud
Agile / autonome Teams
Technologische Freiheit
Mobile Nutzer / APIs
![Page 13: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/13.jpg)
Microservices...
… einfach Microfrontends dazu?
![Page 14: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/14.jpg)
done.
![Page 15: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/15.jpg)
Es gibt da noch den Anwender
Anwender sind keine Experten
Hohe Erwartungen an UX
Einheitliche Bedienkonzepte
Keine Medienbrüche / Integriertes UI
Flüssige Anwendung
Unterstützung statt Formulare
![Page 16: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/16.jpg)
vs.
![Page 17: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/17.jpg)
Beispiel: Reservierung Sitzplatz
AircraftParameter
LegBooking Bonus
![Page 18: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/18.jpg)
Beispiel: Reservierung Sitzplatz
AircraftParameter
LegBooking Bonus
!
![Page 19: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/19.jpg)
Beispiel: Reservierung Sitzplatz
AircraftParameter
LegBooking Bonus
UI Microservice
![Page 20: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/20.jpg)
Backend for Frontend
Verlagerung von Verantwortlichkeiten in Service
Optimierte API / Format je Frontend
Technische Entkopplung
Aufbereitete Ansicht für den Nutzer
![Page 21: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/21.jpg)
Backend for Frontend
Zu wessen Domäne gehört das BFF?
Anforderungen von Frontend Team
Bereitstellung APIs durch Business Teams
Der nächste Monolith?
![Page 22: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/22.jpg)
Frontend als Integration
Option: Cross-Funktionale Teams
HTTP/JSON API mit Browser Anwendung
![Page 23: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/23.jpg)
Browser Anwendung (SPA)
Browser ist Plattform
Produktive Entwicklung mit passendem Framework
Ermöglicht sehr gutes UX
Der Monolith im Browser?
![Page 24: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/24.jpg)
Modularisierung und Wiederverwendung
UI Komponenten, (JavaScript) Services
Module für höherwertige Bausteine
Kopplung an Framework hier bringt Vorteile
Umfangreiche Anwendung konzeptionell zerlegen
Separate Systeme / Anwendungen
![Page 25: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/25.jpg)
Self contained Systems (SCS)
![Page 26: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/26.jpg)
Self contained Systems (SCS)
Guter Schnitt essentiell (DDD)
System durch ein Team verantwortet
Vorgaben im Unternehmenskontext sinnvoll
Kommunikation bei Systemgrenze: Asynchron
![Page 27: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/27.jpg)
Anforderungen des Nutzers
Einstiegspunkte
Übergreifende Navigation
Kontextspezifische Navigation
Keine Brüche im Prozess
![Page 28: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/28.jpg)
Integration der Oberflächen: Navigation
![Page 29: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/29.jpg)
Integration der Oberflächen: Navigation
● Optionen zur Umsetzung der Navigation○ Startseite mit Einstiegslinks
○ Jedes System liefert Navigation
○ Infrastruktur liefert Navigation
![Page 30: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/30.jpg)
Startseite mit Links
![Page 32: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/32.jpg)
Jedes System liefert Navigation
● Für Benutzer keine
Systemgrenze
● Navigationsebenen
ggf. limitiert
![Page 33: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/33.jpg)
Jedes System liefert Navigation
● Statisch○ Build Zeit
![Page 34: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/34.jpg)
Jedes System liefert Navigation
● Dynamisch○ Zur Laufzeit
● Varianten
○ HTML, zentrales Templating
(Server side rendered)
○ Daten, lokales Templating
![Page 35: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/35.jpg)
Infrastruktur liefert Navigation
● Frames (deprecated)
● Server Side Includes (SSI), Edge Side Includes (ESI)
● Clientseitiger Abruf zentraler Assets○ Wird auch als Transklusion bezeichnet
![Page 36: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/36.jpg)
Anforderungen des Nutzers
Einstiegspunkte
Übergreifende Navigation
Kontextspezifische Navigation
Keine Brüche im Prozess
![Page 37: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/37.jpg)
Tiefe Integration
Allgemeine Funktionalität: Newsletter abonnieren
Recherche: Rechnungen eines Kunden
Sprung zu spezifischem UC: Bestellung xy stornieren
![Page 38: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/38.jpg)
Optionen Tiefe Integration
● Link auf Unterbereich von SCS (deep linking)
● Link mit (Rück-)Sprungziel
● Link mit Parameterübergabe
● Link mit Parameterübergabe und (Rück-)Sprungziel
● UI Fragmente (Integration on the Glass)
![Page 39: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/39.jpg)
Link auf Unterbereich
![Page 40: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/40.jpg)
Link mit (Rück-)Sprungziel
![Page 41: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/41.jpg)
Link mit Parameterübergabe
![Page 42: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/42.jpg)
Link mit Parameterübergabe und (Rück-)Sprungziel
![Page 43: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/43.jpg)
Herausforderungen bei Integration
● Zustand bei Anwendungswechsel
● Security○ Single-Sign-On
○ Rollen, Berechtigungen
● Grundlage ist guter Schnitt○ Fragment-Mashup ist schwer handhabbar
○ Führt zu enger Kopplung
![Page 44: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/44.jpg)
Zustand...
… wie funktioniert das mit modernen Anwendungen?
![Page 45: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/45.jpg)
Demo
http://localhost:8080/
Angular + Spring Boot
Gemeinsame Navigation zur Build Zeit
Reloadfähig, navigierbar
![Page 46: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/46.jpg)
Angular und Spring Boot
Vorgehen repräsentativ für andere SPA Frameworks
HTML5 Routing verwenden (Server-Side Rewrite Rules)
Angular Modulsystem ermöglicht große, wartbare Anwendungen
Angular Features: Crawlbar (SEO), I18N, Wiederverwendung
Wartbarkeit dank TypeScript
Gemeinsames Deployment als Option - oder Container
![Page 47: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/47.jpg)
Erfahrungen
Angst vor Nutzung von Frameworkfeatures (Kopplung)
Domänengrenzen hängen stark vom Zoom-Level ab
“Warenkorb” und “Artikeldarstellung”vs.
“Shop” und “Buchhaltung”vs.
“Shopping” und “Cloud”
Organisationsgrenzen geben Anwendungsdomänen vor (Conway)
![Page 48: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/48.jpg)
Tips
Modellierung mit DDD bietet sich an
Prozesse dabei im Auge behalten, Domänensprünge minimieren
Frameworks bieten nicht nur Nachteile - Vorteile nutzen
Wartbarkeit hat auch etwas mit Testabdeckung zu tun
Echte Anforderungen von Scheinanforderungen trennen
![Page 49: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/49.jpg)
Supporting Domains ...
… gibt es Vorschläge?
![Page 50: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/50.jpg)
Beispiele
Suche / Auswahl von Geschäftspartner
Normalisierung / Validierung von Parametern
Postkorb / Nachrichten
Statusinformationen
Web Analytics
![Page 51: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/51.jpg)
Andere machen es so - Google Maps
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>
![Page 52: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/52.jpg)
Andere machen es so - Google Maps
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>
https://developers.google.com/maps/documentation/javascript/events
![Page 53: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/53.jpg)
Widgets
iframe
script / web component
html transklusion
![Page 54: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/54.jpg)
Widgets
Zugriff auf Backend transparent (inkl. Konfiguration)
Typischer Einsatz: Unidirektionaler Datenfluss nach Initialisierung
Component Varianten: Self-Contained vs. Framework
![Page 55: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/55.jpg)
Verwendung Framework-Components
Beispiel: Angular Lazy-Loaded Modules
Vollständige Integration in Anwendung
Partizipiert an Stage-Management
Kopplung an Framework
![Page 56: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/56.jpg)
Isolierte Komponenten
Keine Framework Abhängigkeit
Verwendung in beliebigem Kontext
Technologie: Web Components
![Page 57: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/57.jpg)
Web Component Frameworks
API ist low-level, Bibliothek ratsam
Polymer
Angular Elements
…
![Page 59: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/59.jpg)
Agnostische Komponente ...
… kann man doch orchestrieren!
![Page 60: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/60.jpg)
SPA Meta FrameworkTechnologie: DOM Events, Frames, Meta-Router
Versprechen: Keine Abhängigkeit
Realität: Eigenes Framework, Technologie-Zoo, schwer analysierbar, Performance Impact(~ Portal Server)
Ggf. zur Transition, keine empfehlenswerte Zielarchitektur
![Page 61: Frontend Architektur für Microservices - trion …...2019/05/08 · für Microservices Thomas Kruse trion development GmbH Training - Beratung - Entwicklung Kubernetes Spring Boot](https://reader033.vdocuments.pub/reader033/viewer/2022050117/5f4d82e868593756d475cb5c/html5/thumbnails/61.jpg)
Transklusion-Mesh Versprechen: Keine Abhängigkeit
Realität: Eigenes Framework, API schwer handhabbar, schwer analysierbar, Performance Impact, Herausforderung Security
Ggf. für einzelne View-Only Anreicherungen
Laufzeit Monolith, Gefahr zyklischer Abhängigkeiten!