Telegram Mini App с AI-кодером: от сценария до запуска
Три промпта: сценарий на два экрана, сборка с проверкой initData и тест на подделку
Какую задачу решает
Спроектировать и собрать небольшой Telegram Mini App с AI-кодером
Что будет на выходе
Простой Mini App, работающий в тестовой среде
- Кому подойдёт
Владелец Telegram-бота, который хочет простое мини-приложение внутри Telegram
- Тема
- Вайбкодинг
- Инструменты
- CursorClaude CodeTelegram
Mini App — это обычная веб-страница, которая открывается внутри Telegram по кнопке бота. Человеку не нужно ставить приложение, регистрироваться и вводить телефон: Telegram сам передаёт, кто он. Поэтому для записи, предзаказа или короткой анкеты Mini App часто удобнее сайта. Собрать его с AI-кодером реально за выходные, если не тащить в первую версию корзину, оплату и личный кабинет.
Главная ловушка тут — доверие к данным. Агент охотно напишет код, который берёт имя и ID пользователя прямо со страницы и сохраняет заказ. Такой запрос любой может подделать. Ниже три промпта: сценарий на один-два экрана, сборка с проверкой подписи Telegram на сервере и тест, который ловит поддельные запросы до запуска.
Создаёшь бота в BotFather, описываешь сценарий одним абзацем, агент собирает страницу и маленький сервер, который проверяет подпись initData и шлёт заказ тебе в Telegram. Перед запуском — тест на подделку и проверка в тёмной теме на телефоне.
Что получишь
- 📱Сценарий на 1–2 экрана
Что человек видит, что нажимает, что получает и что прилетает тебе.
- 🧩Страница и сервер
Фронт с кнопкой Telegram внизу экрана и цветами из темы пользователя, сервер с одним адресом для заявки.
- 🔐Проверка initData
Сервер верит только подписанным данным от Telegram, токен бота не попадает на страницу.
- ✅Тесты и чек-лист
Автотест на верную, подделанную и просроченную подпись и ручные проверки в клиенте Telegram.
Как использовать
- Создай бота. В @BotFather команда
/newbot, сохрани токен в надёжное место. Токен — это пароль от бота: в чат с ИИ, на страницу и в репозиторий он не попадает. - Опиши сценарий и отправь Шаг 1 в обычный ИИ-чат. Правь ответ, пока в нём не останется один главный путь.
- Отправь Шаг 2 агенту в пустой папке. Агент спросит, на чём делать сервер, если ты не указал.
- Подними HTTPS-адрес. Telegram открывает Mini App только по
https://. Для теста хватит туннеля с компьютера, для запуска нужен хостинг — про это гайд выложить проект в интернет без сюрпризов. - Привяжи адрес к боту в BotFather как кнопку меню или Mini App, прогони Шаг 3 и ручные проверки.
Если сценарий запутанный и непонятно, с какого экрана начинать, сначала распиши логику словами по гайду псевдокод для вайбкодинга.
Рядом по теме: ТЗ на Telegram-бота, ТЗ на платную подписку — если в Mini App появится оплата, статья Как сделать Telegram-бота с ИИ и статья Где разместить проект.
Дальше — для участников
Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.
Что дальше
- Telegram AI-бот для FAQ: MVP с реальным сценарием — если вместо экранов нужен бот, который отвечает на вопросы.
- Четыре состояния, без которых интерфейс разваливается — загрузка, ошибка, пусто и успех для каждого экрана.
- Вайбкодинг: как поставить задачу ИИ-разработчику — если агент делает не то, что ты просил.
Если идей для Mini App несколько и непонятно, с какого экрана начать, посмотри Первый экран за 990 ₽: шесть шагов от идеи до работающего экрана с агентом.