Veles.finance
Торговый терминал: архитектура фронтенда
Архитектура фронтенда торгового терминала: пять продакшен-виджетов на системе рабочих столов, реальное время с шести бирж.
Результат
4 замера- 25 000
- активных трейдеров
- 6
- бирж по WebSocket
- 10 с
- цикл деплоя
- было 10 минут
- 20+
- переиспользуемых компонентов
Задача
Терминалу для 25 000 активных трейдеров нужна была архитектура, на которой новые виджеты собираются быстро и не ломают соседние.
Плюс медленная сборка и долгий цикл деплоя, которые тормозили всю команду.
Визуал
Техника
Инженерные решения
- 01
Виджеты на общей шине
Пять виджетов живут на системе рабочих столов и вкладок и общаются через шину событий, а не напрямую. Новый виджет не трогает старые.
- 02
Сборка на Vite
Горячая перезагрузка с 10-30 секунд до мгновенной. На 20+ общих компонентах время сборки нового виджета меньше на 40%.
- 03
Автодеплой в Kubernetes
Цикл от коммита до стенда с 10 минут до 10 секунд.
Стек
- Vue 3
- TypeScript
- Vite
- WebSocket
- Kubernetes
Хочу похожий
Расскажите про свой проект. Разберу задачу так же, как Veles.finance: спрос, сроки, вилка бюджета и что можно не делать.
Хочу похожий проект
Первая консультация бесплатно. Разберу задачу, назову сроки и вилку бюджета. Если задача решается дешевле или вообще без меня, скажу об этом прямо.
- Ответ
- в течение рабочего дня
- Регион
- Москва и Московская область
- Почта
- hi@bazumax.ru
