Как создать мини-приложение в Telegram без программиста
Мини-приложение — это интерфейс, который открывается прямо внутри Telegram: скачивать и устанавливать нечего, оно запускается из чата кнопкой в меню бота. Ниже — что для этого нужно, в каком порядке это делается и на чём обычно спотыкаются.
Что такое мини-приложение и чем оно не является
Технически это веб-страница, которую мессенджер открывает внутри себя во весь экран и подписывает данные о том, кто её открыл. Отсюда две вещи, которых нет у обычного сайта: человек уже опознан — пароль заводить не нужно, — и приложение всегда под рукой, потому что мессенджер и так открыт.
Чем оно не является: сайтом. Опубликованное мини-приложение работает в Telegram и MAX, а по ссылке в браузере показывает экран с объяснением и переходом к боту владельца. Это верно и для своего домена: сайт по нему не получится, и рассчитывать на поисковый трафик внутрь приложения не стоит.
Что нужно до начала
Нужен бот — тот, в чьём меню появится кнопка. Заводится он у @BotFather командой /newbot за минуту, и от него нужна одна строка — токен вида 123456789:AA... Больше в BotFather делать нечего: кнопку меню ставит сама платформа, вызывая метод Telegram вашим токеном, — руками вписывать адрес не придётся.
Не нужен сервер, домен и сертификат: опубликованное приложение живёт по выданному адресу, HTTPS и обновления — на нашей стороне. Не нужен и дизайнер на старте: шаблон открывается собранным и рабочим, а поменять в нём тексты и цены можно за вечер.
Как собираются экраны
Экран складывается из блоков: заголовок, картинка, список, форма, кнопка. Список рисуется не руками, а из таблицы приложения — заводите строки, и повторитель показывает их карточками. Поэтому «добавить товар» или «добавить услугу» позже означает добавить строку с телефона, а не звать того, кто верстал.
Переходы между экранами вешаются на кнопки, пункты нижнего меню и значки в шапке. Правило, которое стоит держать в голове: на каждый экран должен вести хотя бы один переход, иначе человек до него просто не дойдёт — в редакторе такой экран помечается значком «Нет входа».
Форма — это то, ради чего чаще всего всё и делается. Её поля вы задаёте сами, а отправленная заявка приходит владельцу в Telegram в тот же момент и остаётся в архиве заявок в редакторе. К заявке можно приложить файл до 10 МБ: фотографию, PDF, документ.
Публикация и что происходит дальше
Публикация — это одна кнопка. После неё приложение получает адрес, а бот — кнопку «Открыть» в меню; с этого момента оно работает у всех, кому вы дадите ссылку на бота. Обновление тоже публикуется кнопкой: адрес не меняется, у людей просто открывается новая версия.
Собирать и смотреть, что получилось, можно бесплатно и без срока. Тариф нужен в момент публикации: три дня пробы с первой публикации, дальше платный тариф — иначе приложение перестаёт открываться у посетителей, но сам проект остаётся целым и возвращается сразу после оплаты.
По шагам
- 1Заведите бота у @BotFather командой /newbot и скопируйте токен.
- 2Откройте конструктор и возьмите шаблон, близкий к вашему делу.
- 3Замените содержимое своим: строки в таблице, тексты, фотографии, цены.
- 4Проверьте, что на каждый экран ведёт переход, и настройте поля формы.
- 5Вставьте токен бота в редакторе и нажмите «Опубликовать».
Что ещё спрашивают
- Сколько времени это занимает на самом деле?
- Первую рабочую версию из шаблона собирают за вечер: основное время уходит не на сборку, а на то, чтобы написать свои тексты и собрать фотографии. Пустой проект с нуля — дольше, поэтому и рекомендуем начинать с шаблона.
- Нужно ли знать HTML или JavaScript?
- Нет. Экраны собираются блоками, данные лежат в таблицах, переходы вешаются на кнопки. Кода в редакторе нет вовсе.
- Что будет, если у меня уже есть бот с кнопкой меню?
- Кнопка переставится на ваше приложение: платформа вызывает метод Telegram вашим же токеном. Прежний адрес, если он был вписан руками, перестанет открываться из меню.