Разработка Telegram Mini App в Актау

Mini App — это веб-приложение, которое открывается прямо внутри Telegram: по кнопке в боте, по кнопке в меню чата или по прямой ссылке вида t.me/имя_бота/app. Для клиента это выглядит как обычное приложение — каталог, карточки, корзина, форма заказа, — но скачивать ничего не нужно: ни установки из App Store и Google Play, ни обновлений, ни места в памяти телефона.

Интерфейс собирается на Telegram Web Apps SDK. SDK отдаёт цветовую тему клиента (приложение автоматически выглядит светлым или тёмным, как у пользователя), главную кнопку внизу экрана, тактильный отклик, обработку кнопки «назад» и, главное, подписанные данные пользователя. Авторизация идёт по аккаунту Telegram: сервер получает строку initData, проверяет её подпись секретом бота и понимает, кто зашёл. Ни регистрации, ни паролей, ни SMS-кода с подтверждением — человек уже авторизован тем фактом, что открыл приложение внутри мессенджера.

Уведомления отправляет бот — обычным сообщением в чат. Это не push нативного приложения: разрешение спрашивать не нужно, сообщение приходит в общий список чатов и почти всегда прочитывается. Обратная сторона — рассылать без повода нельзя, за жалобы бота ограничивают. Подробнее о самой технологии и её возможностях мы собрали на странице разработки Telegram Mini App.

Актау — порт на Каспии и база нефтесервиса, и структура заказчиков здесь соответствующая: подрядчики промысловых и буровых работ, транспортные и крановые компании, поставщики оборудования, плюс городская розница и общепит, живущие в основном за счёт вахтовиков. Разница между этими двумя группами определяет весь ход проекта: у первой заказчик — операционный руководитель, у второй — собственник, и они хотят от Telegram Mini App принципиально разного.

У промышленной группы обсуждение начинается не с дизайна, а с маршрута заявки. Бригадир или снабженец сегодня звонит диспетчеру, диспетчер пишет в общий чат, чат теряется. Поэтому первый рабочий документ по проекту — схема, кто заявку создаёт, кто согласует, кто закрывает, и какие статусы вообще существуют. Экран после такой схемы рисуется быстро, а без неё переделывается трижды.

Городская часть бизнеса общается с клиентом иначе: через звонок, Instagram и WhatsApp. Здесь мини-приложение обычно вешают на кнопку бота и ссылку в профиле, а интерфейс делают предельно коротким — витрина, корзина, адрес, оплата. Из интеграций чаще всего требуются платёжная страница Kaspi или банковский эквайринг, выгрузка заказа в 1С или в таблицу учёта и уведомление на кухню или в пункт выдачи, которое присылает бот.

Конкретный сценарий из промышленной части. Снабженец открывает мини-приложение по кнопке в чате компании, выбирает объект, вбивает позицию из справочника номенклатуры, указывает срок и прикладывает фотографию с площадки. На стороне бизнеса появляется заявка с уже проставленным автором, привязкой к объекту и меткой времени, руководитель получает от бота сообщение с кнопками согласования, а после согласования заявка уходит в учётную систему без ручного переноса.

Главное техническое ограничение в Актау — связь. На трассе к промзоне и внутри цехов интернет неровный, а мини-приложение по своей природе онлайн: без сети оно просто не откроется. Поэтому вес стартового экрана держим минимальным, фотографии сжимаем на устройстве до отправки, а каждую отправку формы делаем идемпотентной — иначе повторный тап при зависшем запросе порождает дубли заявок.

Второй момент — авторизация. Telegram отдаёт подписанный initData, по нему сервер сопоставляет пользователя со своей базой сотрудников, но номер телефона в этих данных не приходит: его запрашивают отдельной кнопкой в боте. Если нужен полноценный офлайн-режим для бригады без связи или тяжёлые трёхмерные схемы оборудования, честнее сразу планировать нативное приложение, а мини-приложение оставить для быстрых заявок.

Платёжная логика для местной аудитории обычно двухканальная. Первый канал — оплата картой через эквайринг: форма банка открывается прямо в окне Mini App, а заказ помечается оплаченным не по возврату пользователя на экран «спасибо», а по серверному колбэку от банка. Это принципиально: если считать оплату по редиректу, часть заказов зависнет в неоплаченных из-за потери связи в лифте или закрытого окна.

Второй канал — Kaspi, к которому здесь привыкли настолько, что отсутствие такой кнопки само по себе снижает конверсию в оплату. Подключается через доступный магазину способ приёма платежей, а Mini App отвечает за корректную передачу суммы, номера заказа и обработку ответа.

Telegram Stars — третий, отдельный механизм. Это внутренняя валюта Telegram, и ею оплачивают только цифровые товары и услуги: доступ к платному разделу, подписку, снятие лимита, виртуальный товар. За физический товар, еду и доставку Stars принимать нельзя — правила площадки этого не допускают.

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

Порядок работ обычно такой: сценарий и карта экранов, прототип кликабельных состояний, дизайн под тёмную и светлую тему Telegram, вёрстка с подключением Web Apps SDK, серверная часть с админкой, платежи, тестирование на реальных устройствах и запуск. Отдельным блоком идёт бот: именно он отдаёт кнопку запуска, шлёт статусы и подхватывает сценарии, которые удобнее вести диалогом, — эта часть подробнее описана в разделе разработки чат-ботов.

Срок для типового проекта — 3–8 недель. Нижняя граница реальна для записи на услугу или небольшого меню, верхняя — для каталога с фильтрами, интеграцией остатков и двумя способами оплаты. Стоимость начинается от 700 000 ₸ и зависит в основном от трёх вещей: размера каталога, количества интеграций с внешними системами и того, нужна ли собственная админка или данные тянутся из существующей учётной системы. В сравнении с полноценным нативным приложением затраты заметно ниже — нет двух отдельных платформ, нет ревью в сторах, нет цикла обновлений.

Честные ограничения формата стоит знать до старта. Mini App не получает часть системных возможностей телефона: нет фоновой работы, нет постоянного отслеживания геопозиции, ограничен доступ к Bluetooth и датчикам, нельзя рассчитывать на серьёзную работу без сети. Тяжёлая графика, 3D, обработка видео на устройстве — тоже территория нативного приложения.

Практический вывод простой: витрина, запись, заказ, статус, лояльность — уверенно живут внутри Telegram. Приложение курьера с постоянным треком, офлайн-каталог для полевых сотрудников, сканер оборудования по Bluetooth — нет. Часто рабочей оказывается связка: Mini App как массовая витрина для клиентов и нативное приложение для внутренних сотрудников. Ориентиры по бюджету второго варианта — на странице о стоимости разработки мобильного приложения.