Реализация Grid-бота в мобильном приложении: настройка и визуализация

Реализация Grid-бота в мобильном приложении

Разработка Grid-бота (или Grid trading) — одна из самых частых задач, которые нам заказывают. Клиенты приходят с опытом: пробовали готовые боты — не хватало гибкости, или нужна была интеграция со своей торговой платформой. Мы берёмся за такие проекты с нуля: от проектирования архитектуры до публикации в сторах. Оценим проект в течение дня — просто свяжитесь с нами.

Техническая сложность Grid-бота не в алгоритме — он тривиален: выставить сетку ордеров, ждать исполнения, переставлять. Основные проблемы — визуализация сетки в реальном времени, корректный расчёт PnL при частичном исполнении и синхронизация с биржевым API через WebSocket. Именно эти три аспекта мы прорабатываем особенно тщательно.

Как настроить параметры сетки?

Начнём с настройки. Grid-бот оперирует четырьмя ключевыми параметрами: диапазон цен (нижняя и верхняя граница), количество уровней, размер ордера и тип сетки — арифметическая или геометрическая. Каждый параметр влияет на профиль риска и потенциальную доходность. Арифметическая сетка даёт равный шаг в абсолютной цене, геометрическая — равный процентный шаг. Для волатильных активов геометрическая сетка предпочтительнее: при цене 10 000 шаг в 500 USDT разумен, а при 60 000 — ничтожен.

// Android — вычисление уровней сетки
fun calculateGridLevels(
    lower: Double,
    upper: Double,
    count: Int,
    type: GridType
): List<Double> = when (type) {
    GridType.ARITHMETIC -> {
        val step = (upper - lower) / count
        (0..count).map { i -> lower + step * i }
    }
    GridType.GEOMETRIC -> {
        val ratio = (upper / lower).pow(1.0 / count)
        (0..count).map { i -> lower * ratio.pow(i.toDouble()) }
    }
}

Пользователь вводит диапазон и число уровней — приложение сразу показывает предпросмотр: вот уровни, вот шаг между ними, вот суммарный капитал, который потребуется на все ордера. Например, для пары BTC/USDT с диапазоном 40 000–60 000 и 10 уровнями арифметическая сетка даёт шаг 2 000 USDT, а геометрическая — ~4% между уровнями. Благодаря такому предпросмотру трейдер видит, сколько займёт каждый уровень и как изменится PnL при разных настройках.

Как визуализировать сетку на мобильном экране?

Это главный UI-вызов. Нужен кастомный виджет: горизонтальные линии уровней сетки на фоне ценового графика. Исполненные ордера — зелёные/красные маркеры. Текущая цена — пульсирующая линия.

На Flutter мы используем CustomPainter:

class GridChartPainter extends CustomPainter {
  final List<GridLevel> levels;
  final List<PricePoint> priceHistory;
  final double currentPrice;

  @override
  void paint(Canvas canvas, Size size) {
    final priceRange = levels.last.price - levels.first.price;
    final priceToY = (double price) => size.height - (price - levels.first.price) / priceRange * size.height;

    // Рисуем уровни сетки
    for (final level in levels) {
      final y = priceToY(level.price);
      final paint = Paint()
        ..color = level.hasFilled ? Colors.green.withOpacity(0.3) : Colors.grey.withOpacity(0.2)
        ..strokeWidth = 1;
      canvas.drawLine(Offset(0, y), Offset(size.width, y), paint);
      final tp = TextPainter(
        text: TextSpan(text: level.price.toStringAsFixed(0), style: const TextStyle(fontSize: 10)),
        textDirection: TextDirection.ltr,
      )..layout();
      tp.paint(canvas, Offset(4, y - 12));
    }

    // Ценовая линия
    final pricePaint = Paint()
      ..color = Colors.blue
      ..strokeWidth = 1.5;
    for (int i = 1; i < priceHistory.length; i++) {
      canvas.drawLine(
        Offset(size.width * (i-1) / priceHistory.length, priceToY(priceHistory[i-1].price)),
        Offset(size.width * i / priceHistory.length, priceToY(priceHistory[i].price)),
        pricePaint,
      );
    }
  }

  @override
  bool shouldRepaint(GridChartPainter old) => old.currentPrice != currentPrice || old.levels != levels;
}

Аналогичные решения на iOS — CoreGraphics или SwiftUI Canvas, на Android — кастомные View с onDraw. Для React Native можно использовать react-native-svg или Skia. Важно добиться плавности при 60 FPS даже на устройствах с 2 ГБ ОЗУ — мы оптимизируем рендеринг, обновляя только изменяющиеся элементы.

Что такое Grid PnL и как его рассчитать?

Grid PnL — суммарный доход от исполненных пар ордеров. Каждая сработавшая пара приносит шаг сетки × размер ордера. Floating PnL — нереализованная прибыль/убыток, когда цена выходит за диапазон. Если актив упал ниже нижней границы — бот держит все купленные ордера в убытке до возврата. Например, при диапазоне 40 000–60 000 и шаге 2 000 USDT, если цена упала до 38 000, Floating PnL составит -2 000 USDT на каждом уровне. Мы отображаем эти цифры на дашборде в реальном времени, позволяя трейдеру вовремя остановить бота.

Также показываем: количество исполненных пар, число активных ордеров сейчас, капитал в работе. Эти метрики обновляются каждые 100 мс через WebSocket.

Почему стоит заказать Grid-бота у нас?

Мы разрабатываем торговые мобильные приложения более 5 лет. В портфолио более 20 проектов с биржевой интеграцией, в том числе 3 Grid-бота для криптовалютных бирж. Опыт работы с WebSocket, Firebase, StoreKit 2 и Billing 6. Гарантируем соблюдение App Store Review Guidelines и политик Google Play. Экономия на покупке готового бота — до 40% при заказе с нуля, так как вы получаете только нужный функционал без переплаты за лишние модули. Стоимость разработки рассчитывается индивидуально, а сроки мы укладываем с запасом.

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

• Форма настройки с выбором типа сетки и предпросмотром уровней
• Кастомный виджет визуализации сетки (CustomPainter / Canvas)
• Дашборд: Grid PnL, Floating PnL, число исполненных пар
• История исполненных ордеров с группировкой по парам
• Real-time обновление статуса ордеров через WebSocket

Заказ и оценка проекта

Напишите нам — проанализируем ваши требования, предложим архитектуру и оценим проект за 1 рабочий день. Работаем под ключ: от прототипа до публикации в App Store и Google Play. Получите консультацию по вашему проекту уже сегодня. Мы гарантируем прозрачность на каждом этапе и предоставляем детальный отчёт о ходе работ.