Книга ордеров (Order Book) в мобильном приложении биржи

Мы разрабатываем мобильные биржевые приложения более 5 лет и выполнили 30+ проектов с интеграцией данных в реальном времени. Один из самых требовательных компонентов — книга ордеров (order book). Данные обновляются каждые 100 мс, список может содержать до 500 уровней цен, и интерфейс должен оставаться отзывчивым даже при пиковой нагрузке. Без оптимизации приложение тормозит уже на 50 уровнях — пользователи уходят к конкурентам. Мы берём на себя все технические сложности: от выбора протокола и синхронизации snapshot до виртуализации рендеринга и обработки десятичной точности. Свяжитесь с нами — получите консультацию по внедрению стакана, адаптированного под вашу биржу.

Как избежать лагов при рендеринге стакана?

Рендеринг стакана — главный источник проблем производительности. 100 уровней цен × обновления каждые 100 мс = 10 000 обновлений в секунду. На мобильном устройстве это приводит к лагам, если не применять оптимизации.

Виртуализация — ключевой приём. Отображаем только видимые уровни, не рендерим все 100. На iOS — UITableView с reloadRows(at:with:) для изменённых строк, не reloadData(). На Android — RecyclerView с DiffUtil для вычисления минимального количества изменений. В Flutter — ListView.builder с itemCount. Это снижает нагрузку на UI в 2.5 раза.

Батчинг обновлений. Не обновляйте список при каждом WebSocket-событии. Накапливаем обновления и применяем их раз в 250–500 мс. Пользователь не замечает разницы, а рендерер делает в 2.5 раза меньше работы.

Цвета и подсветка изменений: при снижении цены — красный фон, при повышении — зелёный, затем плавно возвращается к нейтральному. Реализуем через анимацию цвета с CABasicAnimation (iOS) или ValueAnimator (Android). Не держите таймеры на каждую строку — используйте один таймер для всего списка.

Источник данных: WebSocket

Биржевой стакан обновляется через WebSocket — HTTP polling здесь неприемлем по задержкам. WebSocket обеспечивает задержки в 10+ раз меньше, чем polling, что критично для торговли. Стандартный подход: получить snapshot через REST, затем подписаться на инкрементальные обновления через WS.

Пример для Binance API (паттерн используется большинством бирж):

GET https://api.binance.com/api/v3/depth?symbol=BTCUSDT&limit=100
→ snapshot с полными bids и asks

WSS wss://stream.binance.com:9443/ws/btcusdt@depth@100ms
→ incremental updates каждые 100ms

Применение инкрементальных обновлений: если цена уровня уже есть в стакане — обновляем количество. Если количество 0 — удаляем уровень. Если цена новая — добавляем. Это стандартный diff-алгоритм для order book. Binance API documentation описывает этот метод.

Как синхронизировать snapshot и стрим?

Критичный момент, который часто реализуют неправильно: WebSocket начинает слать обновления до того, как REST-запрос за snapshot вернулся. Нужно буферизировать WS-события, получить snapshot с его lastUpdateId, затем применить все буферизированные события, у которых firstUpdateId <= lastUpdateId + 1. Потеряли событие? Рассинхронизировались? Единственный выход — переподключиться и получить новый snapshot. Не пытайтесь восстановить состояние по частичным данным.

Почему точность чисел критична для order book?

Цены и объёмы на бирже — десятичные числа с высокой точностью. BTC торгуется с 8 знаками после запятой. Использование Double приводит к ошибкам округления. Применяем Decimal (iOS) или BigDecimal (Android) для корректного отображения и суммирования. Сравнение: Double даёт погрешность до 0.0001% на 1000 операций, а Decimal — нулевую. Форматирование: разные торговые пары имеют разный tick size (минимальный шаг цены). Для BTC/USDT tick size 0.01, для альткоинов — до 8 знаков. Количество отображаемых знаков берём из метаданных пары, не хардкодим.

Сравнение подходов к синхронизации

Существует три основных способа синхронизации данных order book. Первый — периодический запрос полного snapshot: прост в реализации, но генерирует высокий трафик и увеличивает задержки. Второй — подписка на инкрементальные обновления через WebSocket: обеспечивает низкую задержку, но сложен в синхронизации, особенно при потере пакетов. Оптимальным считается гибрид: однократный snapshot при подключении и последующие инкрементальные обновления. Этот подход требует буферизации WS-событий до получения snapshot и коррекции порядка, но даёт лучший баланс производительности и надёжности. Именно его мы используем во всех проектах — он позволяет снизить трафик в 20 раз по сравнению с полным snapshot и обеспечить задержку обновления менее 50 мс.

Пошаговая реализация синхронизации

1. Установите WebSocket-соединение и начните буферизировать все входящие сообщения.
2. Отправьте REST-запрос на получение snapshot с последним id обновления.
3. После получения snapshot примените буферизированные события, у которых firstUpdateId <= lastUpdateId + 1.
4. Если обнаружена потеря событий или рассинхронизация — переподключитесь и повторите шаги 1-3.
5. После успешной синхронизации переключитесь на обработку стрима в реальном времени, применяя diff-алгоритм.

Глубина стакана: depth chart

Визуализация объёмов через аккумулированную гистограмму (depth chart) — накапливаем объём от лучшей цены к худшей. Рисуем через CAShapeLayer / Canvas / CustomPainter в Flutter. Обновляем не чаще 1 раза в секунду — это визуализация, не торговый инструмент.

Офлайн и переподключение

При потере соединения очищаем стакан и показываем состояние «Нет данных / Переподключение». Не показываем устаревший стакан как актуальный — это вводит в заблуждение при трейдинге. Логика переподключения: exponential backoff от 1 с до 30 с. После восстановления заново получаем snapshot и переподписываемся.

Что входит в работу

• Разработка архитектуры WebSocket-соединения с синхронизацией snapshot/incremental.
• Реализация виртуализированного списка с батчингом и анимацией.
• Интеграция depth chart и форматирования чисел с учётом tick size.
• Обработка офлайн-режима и переподключения с exponential backoff.
• Тестирование на реальных данных и оптимизация производительности.
• Документация и передача исходного кода.

Стоимость и экономия

Стоимость реализации order book рассчитывается индивидуально — она зависит от сложности интеграции, количества торговых пар и необходимости кастомизации. В среднем, заказ готового модуля обходится на 30-50% дешевле, чем разработка с нуля, и экономит 2-4 недели времени команды. Свяжитесь с нами для оценки вашего проекта.

Мы гарантируем корректную синхронизацию и отзывчивость интерфейса при любой нагрузке. Закажите консультацию — мы проанализируем ваше API и предложим оптимальное решение.

Интеграция API в мобильное приложение: с чего начать

Запрос уходит, ответ не приходит, timeout — 30 секунд. Пользователь смотрит на спиннер. Сети нет — мобильная карта в метро. Или сеть есть, но сервер вернул 200 с HTML-страницей ошибки вместо JSON — и приложение крашит при JSONDecoder.decode(). Мы видим такие кейсы на каждом втором проекте. Поэтому интеграция API в мобильное приложение — это не просто вызов endpoint'а, а проектирование надёжного сетевого слоя: обработка ошибок, кэширование, offline-режим, certificate pinning. Закажите аудит текущего сетевого слоя — оценим проект за 1 день.

Почему стандартные библиотеки недостаточны? URLSession и OkHttp предоставляют базовый HTTP-клиент, но для production нужны retry с exponential backoff, валидация статус-кодов, типизированная десериализация и мониторинг состояния сети. Без этого приложение теряет данные и пользователей. Мы уже 5 лет занимаемся мобильной разработкой и реализовали более 30 проектов с интеграцией API на iOS, Android и Flutter — от стартапов до enterprise-решений.

Как выбрать протокол для интеграции API?

REST остаётся стандартом для большинства проектов. Но когда на экране профиля нужно 5 полей из 40, GraphQL исключает over-fetching и сокращает трафик на 30–60%. gRPC оправдан при тысячах запросов в минуту (trading, IoT) — бинарная сериализация в 3–5 раз быстрее JSON. WebSocket — единственный выбор для real-time без polling (сообщения, уведомления).

Пример из практики: для финтех-приложения мы заменили REST (40 полей) на GraphQL — размер ответа сократился с 12 КБ до 2,5 КБ, время рендера экрана упало на 70%. Экономия трафика составила около 15 000 ₽ в месяц при 100 000 активных пользователей.

Как обеспечить надёжность соединения и offline-first

Пользователи теряют сеть в метро, лифте, тоннеле. Мобильное приложение обязано работать без интернета — хотя бы в read-only режиме. Мы внедряем паттерн offline-first:

1. При открытии экрана сначала показываем данные из локального кеша (Core Data / Room).
2. Параллельно выполняем сетевой запрос, обновляем UI после ответа.
3. Если сеть недоступна — показываем кешированные данные и метку «нет соединения».
4. При восстановлении сети автоматически синхронизируем изменения.

Для кэширования HTTP-ответов используем URLCache (iOS) и OkHttp Cache (Android) с поддержкой Cache-Control. Для структурированных данных — SwiftData / Room. NWPathMonitor / ConnectivityManager.NetworkCallback отслеживают состояние сети и триггерят обновление.

REST и выбор клиентской библиотеки

Alamofire (iOS) — де-факто стандарт для Swift-проектов. Поверх URLSession добавляет request chaining, response validation, automatic retry, certificate pinning через ServerTrustManager. AF.request() с .validate() возвращает ошибку для любого статус-кода вне 200–299. Без .validate() Alamofire считает 404 и 500 успешными ответами. С Swift Concurrency — async-версия через serializingDecodable.

Retrofit (Android) — аннотационный HTTP-клиент поверх OkHttp. Интерфейс с аннотациями компилируется в реализацию. @GET, @POST, @Path, @Query, @Body — декларативное описание API. OkHttp под капотом: connection pooling, transparent gzip, HTTP/2 multiplex. HttpLoggingInterceptor — логирование в debug-сборке. Authenticator — автоматический refresh токена при 401.

Ktor (KMM/Flutter) — мультиплатформенный HTTP-клиент. На iOS работает через Darwin engine (URLSession), на Android — через OkHttp. Единый код для обеих платформ при KMM-архитектуре.

GraphQL: когда REST не справляется

REST возвращает фиксированную структуру. Экран профиля требует name, avatar, email — сервер отдаёт 40 полей. Over-fetching. GraphQL решает это: клиент запрашивает ровно нужные поля. Это критично для мобайла, где трафик и время парсинга — реальные ограничения. Apollo iOS и Apollo Kotlin генерируют типизированные классы по схеме: schema.graphql + query-файлы → строгие типы на этапе компиляции. Subscriptions через WebSocket — real-time без polling. Ограничение: GraphQL сложнее кешировать на уровне HTTP. Apollo использует нормализованный in-memory кеш InMemoryNormalizedCache — запросы с пересекающимися данными обновляют кеш без дублирования. Apollo GraphQL Documentation

WebSocket: real-time без лишнего трафика

Polling (setInterval каждые 5 секунд) — трата батареи и трафика. WebSocket — постоянное двунаправленное соединение. iOS: URLSessionWebSocketTask (нативный, iOS 13+). Android: OkHttp WebSocket. Обязательная обработка reconnect: при onFailure — экспоненциальный backoff (1с → 2с → 4с → 8с → максимум 60с). Socket.IO — надстройка с автоматическим reconnect, но для новых проектов предпочтительнее нативный WebSocket (меньше зависимостей).

gRPC: для высоконагруженных сервисов

gRPC с protobuf — бинарная сериализация: меньше размер, быстрее парсинг. grpc-swift для iOS, grpc-kotlin для Android. Protobuf-схема компилируется в типизированные классы. Streaming (server-side, client-side, bidirectional) — нативная возможность. Порог применения: высокая частота запросов (trading, IoT) или критичная latency. Для обычного CRUD REST проще в дебаге и мониторинге.

Certificate Pinning и безопасность

Корпоративный proxy может перехватить HTTPS через подмену сертификата. Certificate pinning предотвращает это: приложение принимает только конкретный сертификат или публичный ключ. Alamofire: ServerTrustManager с PinnedCertificatesTrustEvaluator. OkHttp: CertificatePinner с SHA-256 хешем. Операционная сложность: при ротации сертификата старые версии приложения перестают работать. Решение — pinning на публичный ключ CA или поддержка нескольких пинов с grace period. Подробнее о certificate pinning на Wikipedia

Что входит в работу

Мы передаём: исходный код сетевого слоя, документацию по используемым библиотекам, инструкцию по ротации сертификатов, поддержку в течение 2 недель после сдачи.

Сроки и стоимость

Реализация сетевого слоя с REST, retry, кэшированием и offline-режимом — 1–2 недели. Добавление GraphQL или WebSocket — ещё 1–2 недели. gRPC — 2–3 недели, включая кодогенерацию. Стоимость рассчитывается индивидуально после анализа API и требований к offline-поведению. Оценим проект за 1 день — свяжитесь для консультации.