1. Vaadin 10 @ Play!Framework
by Dominik Dorn @ Java-Vienna September Meetup
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn

2. Dominik Dorn
4 Freelance Software Engineer
4 Java-Vienna Meetup Leader
4 PlayFramework.Wien Meetup
Leader
#Java, #Scala, #Akka, #Play,
#Cassandra, #Kafka,#PostgreSQL
Reach out! Xing / Twitter / LinkedIn
2

3. Overview
4 Quick-Demo
4 Vaadin 10 Request Types
4 Request/Response Lifecycle
4 Longer Demo/Code: PoC-Implementation in Play!
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 3

4. Credit
4 PoC is based on Henri Kerola's work from 2013
4 @henrikerola on twitter/github
4 https://github.com/henrikerola/play-vaadin-
integration (Vaadin 7 + Play 2.2)
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 4

5. Quick Demo
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 5

6. Vaadin 10 Request Types
1. Initial page load: GET /appContext/*
2. Resource Requests
3. Actions (Button clicks, etc.): POST /appContext/?v-
r=uidl&v-uidl=123
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 6

7. Initial page load

8. Initial page load

9. Initial page load

10. Vaadin 10 Request Types:
Resource Requests
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 10

11. Resource Requests
1. /VAADIN/static/*
2. /frontend/bower_components/*
3. /frontend/*
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 11

12. Resource Req.: static files
4 /VAADIN/static/*
META-INF/resources/VAADIN/static/
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 12

13. WebJars / Bower
4 /frontend/bower_components/*
META-INF/resources/webjars/
META-INF/resources/webjars/@webcomponents/

14. Frontend Resources
4 /frontend/*
classpath: /frontend/*

15. Actions
4 XHR/POST Request /?v-r=uidl&v-uidl=1
4 Query String identifies type (uidl) and session (1)

16. Request/Response Lifecycle:
Components/Interfaces
1. VaadinSession / WrappedSession
2. VaadinRequest
3. VaadinResponse
4. DeploymentConfiguration
5. VaadinService
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 16

17. VaadinSession
4 abstraction over a generic session object (based on
HttpServletSession)
4 stores the state of the UIs elements (e.g. filled out
forms, etc.)
4 currently hold in-memory (Play!s CacheApi)
4 reference-id is stored in the Play!-Session (Cookie)
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 17

18. VaadinRequest
4 abstraction over an http request
4 basically the same as
javax.servlet.HttpServletRequest
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 18

19. VaadinResponse
4 abstraction over the response to an http request
4 basically the same as
javax.servlet.HttpServletResponse
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 19

20. DeploymentConfiguration
4 configuration of common properties
4 push-mode on/off
4 push-url
4 heartbeat-interval
4 resource paths etc.
4 gets serialized to the client
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 20

21. VaadinService
4 the heart of Vaadin
4 responsible for transforming the VaadinRequest ->
VaadinResponse
4 has different request-handlers configured (UIDL,
heartbeat, streams, etc.)
4 handles session-lifetimes & session-locking
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 21

22. VaadinService
4 handles localization
4 handles exceptions
4 handles notifications
4 json serialization
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 22

23. Request/Response Lifecycle
1. we lookup/create a VaadinSession
2. we create a VaadinRequest + VaadinResponse
3. we supply the VaadinRequest + VaadinResponse to
the VaadinService
4. the VaadinService processes the Request and "fills"
the Response
5. transform the response to Play! and send it

24. Current limitations / TODOs / Tasks
4 Many TODOs in the code
4 Tests..
4 UI-Loading still manual / no-classpath scanning
4 integration into Play!s DI-System
4 create a Maven BOM equivalent as a SBT-Plugin
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 24

25. Current limitations / TODOs / Tasks
4 Only DevMode supported - not production ready!
4 finish the Atmosphere implementation in Play!
4 connect it to Vaadin -> Push-Integration
4 Play!s CSRF globally disabled
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 25

26. show me the code!
#Java #Vienna 17 September 2018: "#Vaadin 10 @ #PlayFramework" by Dominik Dorn @domdorn 26

27. THANK YOU!
https://github.com/domdorn/vaadin-flow-on-
playframework
Blog https://dominikdorn.com
Twitter @domdorn
Xing https://www.xing.com/profile/Dominik_Dorn
LinkedIn https://www.linkedin.com/in/dominik-dorn
Java-Vienna Meetup | PlayFramework.Wien Meetup