Telegram Mini Apps: учебный план
Разберём mini app «Учебный план» на общей модели четырёх курсов. Сначала создадим полный читающий экран без сборщика, затем отделим функции Telegram от собственного сервера, подтверждённый план от черновика и отправку запроса от известного результата.
Нужны основы HTML, CSS и JavaScript. Серверные функции рассчитаны на семейство Node.js 24. Исполнение программ, браузера, SDK, бота, запросов, хранения и развёртывания не проводилось; приведённые результаты ожидаемые.
Экран и окружение
- Модель Telegram Mini App
- Telegram Mini Apps: первый экран мини-приложения
- Telegram Mini Apps: SDK и объект WebApp
- Тема и цвета Telegram
- Telegram Mini Apps: размер и безопасная область
- Telegram Mini Apps: основная кнопка действия
- Telegram Mini Apps: возврат между экранами
Запуск, сервер и данные
- Telegram Mini Apps: данные запуска приложения
- Telegram Mini Apps: проверка initData на сервере
- Telegram Mini Apps: сессия мини-приложения
- Telegram Mini Apps: запросы к собственному API
- Telegram Mini Apps: форма внутри WebView
- Telegram Mini Apps: состояние между открытиями
- Telegram Mini Apps: хранение пользовательских настроек
Ссылки, отказ и выпуск
- Telegram Mini Apps: ссылки на сценарии приложения
- Telegram Mini Apps: передача результата пользователем
- Telegram Mini Apps: потеря сети в мини-приложении
- Различия клиентов Telegram
- Telegram Mini Apps: доступность интерфейса WebView
- Telegram Mini Apps: выпуск учебного мини-приложения
Учебные материалы
Скачать материалы серии. В архиве находятся полные start/after читающего frontend 02–05, самостоятельные полные модули 06–19, две серверные функции, STATE каждого урока и редакционные договоры API/сессий/идемпотентности/выпуска.
Это учебный пакет, а не готовый серверный сервис. Настоящий бот и Main Mini App, HTTPS-адрес, HTTP-адаптер, постоянная база, транзакция записи и общий контроллер не поставляются. Наличие HMAC-функции не запускает личное сохранение. Клиентские и серверные файлы разделены; токен бота остаётся только на сервере при будущей интеграции.