Анатомия и физиология Vaadin Flow

Transcript

1. Анатомия и физиология Vaadin Flow Юрий Артамонов CUBA Platform
2. Привет! Я буду вам всё это рассказывать, потому что 8+ лет оперирую оленей. 2
3. UI на Java - Ужас, Ужас!
4. Java UI
5. За! Зачем UI на Java? Против! 5
6. UI на сервере - Ужас, Ужас!
7. ▪ ▪ ▪ Повышенные требования к безопасности 7 Плюсы 1. Один язык для всего 2. Проще отлаживать 3. Знакомые инструменты 4. Быстрее разработка 5. Не нужны веб-сервисы Минусы 1. Ограниченное масштабирование 2. Сложнее кастомизация 3. Требовательнее к ресурсам Сервер-сайд UI и кому это нужно
9. История Vaadin 9 ▪ ▪ ▪
10. ▪ ▪ ▪ Куда податься? 10 От Google Web Toolkit к фронтенд технологиям
11. Vaadin ≠ GWT ▪ ▪ ▪ 11
12. Спецификация Web Components Основные концепции: ▪ ▪ ▪ ▪ 12 Google Polymer
13. О чём нужно знать перед использованием ▪ ▪ ▪ ▪ Не для веб-сайтов! 13
14. Базовые технологии Vaadin Flow ▪ ▪ ▪ ▪ ▪ 14
15. Синхронизация состояния UI с сервером 15 Java Server-Side UI State JavaScript Client Events State DOM access AJAX / PUSH Java components Events Sync DOM JS State • JS Components • DOM elements ▪ Двунаправленная синхронизация данных ▪ Разница состояний пересылается в JSON ▪ Поддержка двусторонних вызовов RPC ▪ Состояние блокируется на момент обработки запроса
16. Поддержка WebSocket Режимы: ▪ ▪ ▪ Под капотом: 16
17. Роутинг и управление навигацией ▪ ▪ ▪ ▪ 17
18. Интеграция Polymer компонентов ▪ ▪ ▪ 18
19. Интеграция JS компонентов ▪ @JavaScript @StyleSheet ▪ ▪ 19 Java Class DOM Element DOM атрибуты, подписки на события, JavaScript вызовы события, синхронизация значений, вызовы Java API
20. Развёртывание Пакуем: ▪ ▪ ▪ Варианты: ▪ ▪ 20
21. Производительность клиента ▪ Синхронный режим обработки запросов ▪ ▪ ▪ 21
22. Производительность сервера ▪ ▪ ▪ Проблема синхронизации веб-сессий при горизонтальном масштабировании 22
23. Производительность в цифрах ▪ □ 15 MB □ 1000 ▪ 1.2 sec + 300 KB + 23
24. Балансировка нагрузки ▪ ▪ Только sticky sessions ▪ 24
25. Интеграция со Spring Boot vaadin-spring-boot-starter ▪ @EnableVaadin ▪ @UIScope ▪ @VaadinSessionScope 25
26. Kotlin DSL Karibu DSL 26
27. Работа в режиме Progressive Web Application ▪ @PWA ▪ ▪ Нет оффлайн-режима 27
28. Миграция с Vaadin 8 ▪ ▪ ▪ 28 В сухом остатке:
29. Выводы ▪ ▪ для кровавого энтепрайза ▪ ▪ 29
30. Спасибо! Вопросы? @Yuriy_Artamonov