Download as PDF, PPTX
Uploaded byit-people
"Real-time приложения. Модные фреймворки. Что дальше?" Дементьев Владимир, Evil Martians
Документ анализирует развитие и актуальные фреймворки для реального времени в веб-технологиях, рассматривая их эволюцию от древних времен до современности. Обсуждаются проблемы и решения, связанные с архитектурой, транспортом данных и согласованностью, а также специфические решения, такие как WebSockets и различные протоколы для взаимодействия. Заключительные наблюдения касаются будущего технологий и потенциальной интеграции с GraphQL.
"Real-time приложения. Модные фреймворки. Что дальше?" Дементьев Владимир, Evil Martians
- 1. Real-time приложения Модные фреймворки Чтодальше? Владимир Дементьев, Злые Марсиане
- 3.
- 4.
- 5.
- 6. Real-Time The real-time webis a web … that enable users to receive information as soon as it is published by its authors, rather than … check a source periodically for updates. * https://en.wikipedia.org/wiki/Real-time_web
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15. Средние века • FlashSocket •Short Polling • Бесконечный iframe • Long Polling
- 16.
- 17.
- 18. Эпоха Просочения • ПоддержкаWebSockets в Chrome (2009) • Опубликован стандарт WebSockets (2011) • WebSockets в IE (2012) • WebSockets в Safari и Android (2013)
- 19. 2005 2007 20112012 2014 2017 Real-time эволюция до н.э. Средние века Эпоха Просочения
- 20.
- 21.
- 22.
- 23. DataSync • Оптимистичный UI •Offline first • Real-time first
- 24.
- 25. DataSync: проблемы • Разрешениеконфликтов (CRDT) • Синхронизация времени * см. @andrey_sitnik goo.gl/NOqXhi
- 26. DataSync: решения PouchDB Firebase Horizon GunJS * см.@nikitonsky goo.gl/ubvYpc
- 27. Проблемы решений • Каквстроить в существующий проект? • Как мигрировать с/на? • Оно вообще работает?
- 28. Pub/Sub • Простые "живые"обновления (live updates) • Real-time last/first
- 29.
- 30.
- 31.
- 32. Транспорт • Поддержка фоллбеков* •Сжатие/сериализация данных • Heartbeat • Фаейрволы/антивирусы и ws:// * поддержка WS в браузерах в 2017 – 94%* caniuse.com
- 33. Проблема отключения Client ServerNetwork wspong ws ping
- 34. Проблема отключения Client ServerNetwork wspong ws ping ws ping closed
- 35. Проблема отключения Client ServerNetwork wspong ws ping ws ping closed Schrödinger's Socket
- 37. socket.io • Поддержка транспортов •Pub/Sub (rooms) • Встроенный heartbeat • Никакого протокола → DYI
- 38. Протокол • "Язык" общения(схема) • Взаимозаменяемость (interoperability) • Абстракция над транспортом
- 39. Протокол • Bayeux • STOMP •MQTT • WAMP
- 40.
- 41.
- 42. STOMP / MQTT •Взаимодействие машина-машина • Гарантия доставки • Интеграция с MQ • Постоянные клиенты
- 43. STOMP / MQTT •Взаимодействие машина-машина • Гарантия доставки • Интеграция с MQ • Постоянные клиенты
- 44. Согласованность • Потеря сообщенийпри разрыве соединения • Опоздавшая подписка
- 45.
- 46. Как решить? • Историясообщений потока • Различные варианты хранения (список, last-win, свой вариант) • Подписка с last_message_id
- 47.
- 48. Производительность • Требования кресурсам • Время ретрансляции сообщения • Масштабируемость
- 49.
- 50. BroadcastRTT 0s 1s 2s 3s 4s 5s 6s 7s 8s 9s 10s Number of connections 10002000 3000 4000 5000 6000 7000 8000 9000 10000 Go Erlang ActionCable Running on AWS EC2 c3.4xlarge (16 vCPU, 30 GiB RAM) Websocket Shootout
- 51. Чего мы хотим •Решение транспортных проблем • Адекватная производительность • Согласованность данных • Интеграция с существующей бизнес-логикой
- 52.
- 53.
- 54.
- 55. • История сообщений •Авторизация по токену • Трекинг присутствия Centrifugo
- 56.
- 57. Аутентификация • Cookies • Токены+ HTTP • JWT
- 58. • История сообщений •Авторизация по токену • Трекинг присутствия • PUSH-only Centrifugo
- 59. WAMP • Pub/Sub +RPC (RMI) • Клиент – Брокер – Клиент • Подробная спецификация (базовый и продвинутый профиль)
- 60.
- 61. WAMP • Логика налюбом языке • Готовые реализации брокеров • История сообщений* • Бинарная сериализация (MsgPack) * только в продвинутом профиле
- 62. WAMP • crossbar.io • Autobahn(Python, JS, C++) • Erwa, akka-wamp, Turnpike
- 63. WAMP • Продвинутый профильв α-стадии • Масштабируемость?
- 64.
- 65. • Попытка исправитьMeteor • GraphQL как единый протокол (query, mutation, subscription) • GraphQL подписки не стандартизированы * http://www.apollodata.com
- 66.
- 67.
- 68. AnyCable • Протокол ActionCable(Rails) с расширениями • gRPC для взаимодействия с приложением • "Умный" WebSocket прокси (Erlang, Golang) * https://anycable.io
- 69. Logux • Синхронизация логов •Logux протокол • Интеграция с Redux/Vuex/etc • Замена AJAX и REST * https://github.com/logux/logux-protocol
- 70.
- 71.