ZenQuery - Enterprise Backend as a Service Single Page Applications mit AngularJS und Spring MVC. - Björn Wilmsmann -

Transkript

1 ZenQuery - Enterprise Backend as a Service Single Page Applications mit AngularJS und Spring MVC - Björn Wilmsmann -

2 ZenQuery Enterprise Backend as a Service Unternehmen horten Daten in Silos ZenQuery macht diese Daten verfügbar REST APIs für Datenbanktabellen und SQL Queries SELECT * FROM -> JSON, XML, CSV

3 Technologien AngularJS Spring Web MVC REST JSON JdbcTemplate PostgreSQL (und H2, Oracle, MySQL )

4 Warum Spring Web MVC?

5 Warum AngularJS?

6 "I ll use Go, Rust and MongoDB for the back end and Dart or CoffeeScript for the front end"

7 WTF?!

8

9 Problemlösungen statt als Technologie Selbstzweck

10 AngularJS Single Page Applications MVVM: Model View ViewModel MVW: Model View Whatever Two-Way Data Binding Directives

11 Single Page Apps UX ähnlich Desktop Anwendungen Sämtlicher Code - HTML, CSS, JS - wird beim ersten Aufruf vollständig geladen Keine vollständigen Reloads Statt dessen: Partielle DOM Aktualisierung

12 Model Services Factories Providers

13 View Directives wieder verwendbare HTML View Komponenten eigene HTML Tags {{ interpolated_variables }}

14 ViewModel Controllers nicht mit Controller aus MVC zu verwechseln eher: Scope Modules fassen Features und wiederverwendbare Komponenten logisch zusammen

15 Dependency Injection Von Spring "abgeguckt" Abhängigkeiten können wo benötigt eingebunden werden Controller Service

16 Routing Erlaubt Zuordnung von Controllern und Views zu URLs und Parametern Erlaubt Deep Links in Single Page Applications /ui/index.html#/databaseconnections

17 Services Einbindung externer Ressourcen z.b. REST APIs Shared Functionality Entsprechen dem Model

18 Kommunikation $scope Dient dem Austausch von Daten Two-Way Data Binding völlig automatisch meistens $scope.$apply

19 Exkurs: Promises JavaScript ist single-threaded Nebenläufigkeit über Events Callbacks und Callback Hell Promises: Einfache Syntax auch für komplexe Callback Szenarios

20 Exkurs: Promises

21 Exkurs: Promises

22 Testbarkeit AngularJS: Testbarkeit als Design Kriterium Jasmine: BDD Framework BDD: Behaviour Driven Development e2e Testing: Protractor

23 Spring Web MVC Eigenes Spring Web Framework "Antwort" auf Probleme mit Struts Request-basiert Eng mit Servlet API gekoppelt Aber: Hohes Abstraktionsniveau

24 AbstractInterruptibleBatch PreparedStatementSetter and AbstractSingleton ProxyFactoryBean no more!

25 Subjektiv: Spring 4 geht deutlich leichter von der Hand als frühere Spring Versionen.

26 Spring Web MVC URL Mapping Controllers Views Forms Form Tags Model: Key-Value Map Annotations

27

28 Spring als REST Backend Controller dienen als REST API Endpoints Views sind JSON, XML, CSV Ausgaben POJOs automatisch in JSON konvertiert Werden vom Front End weiter verarbeitet

29 Ein paar gängige Probleme

30 "There are only two hard things in Computer Science: Cache invalidation, naming things, and off-by-one errors."

31 Caching Wann sollte man REST Anfragen cachen? Wann sollte man den Cache leeren? It depends SELECT, INSERT,

32 CORS Cross-Origin Resource Sharing JavaScript Beschränkung Request nur innerhalb des gleichen Hosts Problem während der Entwicklung Eigener Response Header nötig: CORSFilter

33 XML Conversion XML Konvertierung von Java Objekten funktioniert nicht out-of-the-box Jackson XStream MapEntryConverter

34 CSV Ausgabe Muss manuell programmiert werden Eigener CSV Builder StringBuilder

35 Bootstrapping Initialaufwand ist bei Java immer noch sehr hoch (im Vergleich zu Rails und Co.) Maven, Jetty, Spring, you name it Keine Single Best Practice hinsichtlich Struktur und Komponenten IDEs wie Intellij IDEA bieten Templates als Abhilfe

36 Build Prozess

37

38

39

40

41 ZenQuery

42

43 Links spring-framework-reference/html/mvc.html

44 Björn Wilmsmann Stefan-George-Str. 15a Oberhausen! Website: Tel.: