Денис Кретов «SignalR, Xamarin и Azure – проверка на прочность. Как мы объединили тысячи болельщиков в режиме реального времени»

У многих разработчиков при ознакомлении с Xamarin возникают вопросы: смогут ли приложения стабильно и быстро работать при больших нагрузках и большом количестве пользователей. На этот вопрос Денис развернуто ответит.

Перед командой Дениса стояла интересная инженерная задача — объединить всех болельщиков на стадионе с помощью мобильного приложения. Каждое устройство, работающее на iOS или Android, синхронно с тысячими других устройств чередовало цвета российского триколора в такт музыке на стадионе.

В ходе данного проекта команда успешно решила две основные задачи:

1. Синхронность. Тысячи устройств на стадионе одновременно отображали разную цветовую схему.
2. Надёжность. Приложение обеспечило стабильную работу при большой нагрузке.

Для решения были использованы следующие технологии:

- Azure – здесь был развёрнут серверный backend с небольшим web интерфейсом администратора, написанном на ReactJS
- SignalR обеспечил синхронность данных, используя для обмена WebSocket-ы
- Xamarin позволил создать приложение для Mobile с единым кодом для Android и iOS
Далее в докладе поговорим о каждой технологии подробнее и вместе сделаем приложение в связке Azure + SignalR + Xamarin.

Transcript

1. #xamarinday2018 SignalR, Xamarin и Azure - проверка на прочность. Денис Кретов, Руководитель отдела разработки, kretov.d@notissimus.com Максим Евтух, Руководитель направления мобильной разработки, evtukh.m@notissimus.com Исходные коды доступны по адресу https://github.com/kretovd/xamarinday2018/
2. О команде ❏ Разрабатываем на Xamarin с 2013 года. ❏ Запустили 50+ проектов ❏ Разрабатываем конструктор для Интернет-Магазинов на базе Xamarin с открытым кодом ❏ Разрабатываем решения на базе iBeacon и Eddystone О команде
3. Цели #xamarinday2018 Задача Решение Реализация Решение на SignalR, Xamarin и Azure Live Demo Объединить всех болельщиков на стадионе с помощью мобильного приложения
4. Задача #xamarinday2018 Объединить всех болельщиков на стадионе с помощью мобильного приложения
5. Зажигаем на стадионе
6. Схема решения Azure Web Apps Панель администратора ReactJs SignalR Xamarin + MvvmCross Core UI
7. Azure #xamarinday2018 Backend: Azure Web Apps + SignalR
8. Azure Web Apps ❏ Поддержка платформ на базе Windows и Linux ❏ Поддержка платформ на базе Windows и Linux - ASP.NET Core ❏ Встроенные автомасштабирование и балансировка нагрузки ❏ Высокий уровень доступности с автоматическим исправлением ❏ Непрерывное развертывание с Visual Studio Team Services
9. SingnalR ❏ Поддержка платформ на базе Windows и Linux ❏ Библиотека для передачи данных в реальном времени ❏ Поддержка технологий для передачи данных: WebSockets, Server-sent events, Forever Frames, Long polling ❏ Количество одновременных подключений ограничено только характеристиками сервера
10. Демонстрация #xamarinday2018 Live Demo Разворачиваем Backend на Azure
11. Xamarin #xamarinday2018 Приложение SignalR + Xamarin
12. Почему Xamarin • Все наши приложения на Xamarin • Большая общая кодовая база • Простой UI идеальный проект для Xamarin (Xamarin.Forms)
13. Xamarin + MvvmCross * • еще больше общего кода за счет Bindings • бонусы: IOC, MessageService и т.д. Xamarin + %mvvm_framework_name% * * Xamarin.Forms
14. Как мы выбрали SignalR Задача на разработку ТЗ SignalR SignalR Синхронизация по времени на устройстве Синхронизация по времени на сервере SignalR Синхронизация по времени на устройстве Синхронизация по времени на сервере
15. Xamarin + SignalR • создать проект на Xamarin (UI, Core, API) • подключить из NuGet пакет Microsoft.AspNet.SignalR.Client • установить соединение (HubConnection) с сервером и зарегистрировать callback • … • PROFIT!
16. Демонстрация #xamarinday2018 Live Demo Приложение на Xamarin + SignalR
17. Демонстрация #xamarinday2018
18. Демонстрация #xamarinday2018
19. Light Show - как это было
20. Выводы #xamarinday2018 Вы ничем не ограничены Попробуйте Xamarin Будьте новаторами Там где важно сделать решение на несколько платформ, используйте Xamarin Разрабатывайте новые подходы и решения С использованием Xamarin и Azure вы можете делать лучшие высоконагруженные кросс-платформенные решения
21. Полезные ресурсы #xamarinday2018 • Xamarin https://www.xamarin.com • MvvmCross https://www.mvvmcross.com • SignalR https://www.asp.net/signalr • ASP.NET CORE 2.0 uses SignalR technology https://code.msdn.microsoft.com/ASPNET-CORE-20-uses-7a771742 • Azure https://azure.com • Исходные коды доступны по адресу https://github.com/kretovd/xamarinday2018/
22. #xamarinday2018 Спасибо за внимание! Вопросы? Денис Кретов, Руководитель отдела разработки, kretov.d@notissimus.com Максим Евтух, Руководитель направления мобильной разработки, evtukh.m@notissimus.com