Перейти к содержимому

Как создать мини-приложение в Телеграме с телефона

Кирилл Шулянов ·

Компьютер для этого не нужен. Редактор конструктора открывается в браузере телефона и работает там целиком: экраны, блоки, таблицы с данными, публикация. Бот заводится в самом Телеграме, у @BotFather. Ниже — порядок действий и то, чем сборка на телефоне отличается от сборки за столом.

Что понадобится

Телефон с Телеграмом и браузер на нём же. Ничего скачивать не нужно: редактор — это страница builder.build-mini.app, а не приложение из магазина.

Ещё нужен бот, в меню которого встанет кнопка приложения. Откройте в Телеграме @BotFather, отправьте /newbot, придумайте имя и адрес — в ответ придёт токен вида 123456789:AA... На телефоне его проще всего скопировать долгим нажатием на сообщение. Копируйте целиком, вместе с цифрами до двоеточия: обрезанный токен — частая причина, по которой бот не подключается.

Как устроен редактор на телефоне

Десктопную раскладку в три колонки на экран телефона не втиснуть, поэтому она разложена по вкладкам: «Экраны», «Холст», «Свойства», «Слои» и «Данные». Экраны идут лентой, между ними переключаются касанием.

Править можно прямо по холсту: коснитесь блока в приложении — снизу появится, что в нём поменять, а сам холст остаётся виден над панелью, так что результат правки видно сразу. Новый блок добавляется кнопкой «+», порядок меняется кнопками «Выше» и «Ниже», а блок, случайно попавший не в тот контейнер, вытаскивается одной командой.

Шаблон на телефоне — самое разумное начало. Перетаскивать двадцать блоков пальцем на пустой экран долго; поправить собранный шаблон — вопрос замены текстов и фотографий.

Данные и фотографии с телефона

Списки в приложении — товары, услуги, врачи, вакансии — рисуются из таблиц. На телефоне таблицы открываются во вкладке «Данные», и строка правится карточкой с полями, а не широкой сеткой, которую пришлось бы листать вбок. Схема всех таблиц проекта открывается во весь экран и масштабируется щипком.

Фотографии загружаются из галереи телефона, включая снимки в HEIC, в котором по умолчанию снимает iPhone.

После публикации редактор для этого даже не нужен: владелец меняет строки прямо в опубликованном приложении — поменять цену или добавить услугу можно из того же Телеграма, в котором приходят заявки.

Публикация и проверка

Токен бота вставляется в редакторе один раз. Дальше — кнопка «Опубликовать»: приложение получает адрес, а бот — кнопку в меню, её ставит сама платформа. Проверить результат удобно на том же телефоне: откройте бота в Телеграме, нажмите кнопку меню и пройдите путь клиента от первого экрана до отправленной заявки.

Собирать можно бесплатно и без срока, первая публикация открывает три дня пробы. Тариф оплачивается картой российского банка или звёздами Telegram: 1 000, 2 500 или 7 500 ⭐ в месяц. Звёзды дешевле всего покупать в Телеграме на компьютере через @PremiumBot — в приложении на телефоне их продают Apple и Google со своей комиссией.

Что всё-таки удобнее за компьютером

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

По шагам

  1. 1Откройте в Телеграме @BotFather, отправьте /newbot и скопируйте токен целиком.
  2. 2Откройте builder.build-mini.app в браузере телефона и зарегистрируйтесь.
  3. 3Выберите шаблон, близкий к вашему делу.
  4. 4Замените тексты и фотографии: касание блока открывает его свойства, строки таблиц правятся во вкладке «Данные».
  5. 5Вставьте токен бота и нажмите «Опубликовать».
  6. 6Откройте бота в Телеграме, нажмите кнопку меню и отправьте себе тестовую заявку.

Что ещё спрашивают

Можно ли создать мини-приложение в Телеграме только с телефона?
Да. Бот заводится у @BotFather в самом Телеграме, а редактор конструктора открывается в браузере телефона и работает целиком: экраны, блоки, таблицы, публикация. Компьютер не понадобится ни на одном шаге.
Нужно ли скачивать приложение конструктора?
Нет. Редактор открывается в браузере телефона по адресу builder.build-mini.app. Опубликованное мини-приложение тоже ничего не требует от посетителей: оно открывается в Телеграме кнопкой в меню бота.
Как оплатить тариф с телефона?
Картой российского банка через ЮKassa или звёздами Telegram — 1 000, 2 500 или 7 500 ⭐ в месяц в зависимости от тарифа. Звёзды выгоднее покупать в Телеграме на компьютере через @PremiumBot: на телефоне их продают Apple и Google со своей комиссией.
С чего начинать сборку с телефона?
С шаблона: из него быстрее, чем с нуля, потому что переходы и формы в нём уже связаны. Основное время уходит на свои тексты и фотографии, а не на сами экраны.
Открыть конструкторНачать с готового шаблона: Запись на услуги

Соседние разборы

Куда пойти дальше