Данная статья - это инструкция в общем виде про создание бота с webapp. Детали реализации сильно зависят от кейса.

Что такое Webapp

Webapp - простыми словами это сайт, специально адаптированный не только под "маленькие экраны", но и под интерфейс и логику telegram в целом. То есть это не отдельный конструктор в рамках telegram, а встроенный в telegram интерфейс для отображения специально адаптированного web-сайта.

В качестве примеров webapp можно обратить внимание на ботов:

https://t.me/DurgerKingBot - официальный бот от telegram для демонстрации возможностей webapp
https://t.me/webapp_twin_sample_bot - тестовый бот на платформе Twin с подключенным webapp

Как создать бота в telegram с webapp

Для того чтобы сделать бота с webapp в телеграм на платформе Twin нужно выполнить несколько важных пунктов:

Создать непосредственно бота на платформе Twin с основной его логикой
Создать "чат" и прикрепить к нему нужного бота (статья тут)
Связать созданный "чат" с telegram ботом (статья тут)
Создать webapp-сайт, следуя данным рекомендациям
Привязать созданный webapp к кнопке в боте (статья тут)

Обратите внимание, что для выполнения пункта 4 (основного пункта данной инструкции), требуется Frontend разработчик, то есть потребуется такой человек либо на вашей стороне, либо на стороне клиента, для которого вы разрабатываете бота. Процесс разработки webapp очень схож с разработкой лэндинг страницы и может быть достаточно продолжительным для некоторых проектов.

Мы крайне рекомендуем вести разработку бота и разработку webapp параллельно, чтобы сократить сроки запуска всего проекта.

Статья, указанная в пункте 4 предназначается в первую очередь для Frontend разработчика и является шаблоном или рекомендацией к разработке самого webapp.

Для всех остальных пунктов достаточно навыков работы с платформой Twin.