{"id":13881,"url":"\/distributions\/13881\/click?bit=1&hash=44e190c1f5487a61fbcff3a52ace2841429067bfa9d915c6a70689cd07e38d52","title":"\u041f\u043e\u0432\u0437\u0440\u043e\u0441\u043b\u0435\u0432\u0448\u0438\u0435 \u0445\u043e\u0440\u043e\u0448\u0438\u0441\u0442\u044b \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u043b\u0438, \u043a\u0430\u043a \u043f\u043e\u043e\u0449\u0440\u044f\u0442\u044c \u0437\u0430 \u043f\u044f\u0442\u0451\u0440\u043a\u0438","buttonText":"\u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e","imageUuid":"866fefc4-eba2-5457-93f2-f2cfdb5dff29","isPaidAndBannersEnabled":false}

Web Apps в Telegram

Безусловно,сейчас все обсуждают последнее обновление Telegram Bot API, в котором были добавлены Web Apps - кастомные страницы, которые открываются прямо внутри переписки с ботами!

Нам начало поступать множество вопросов от клиентов касательно этой новой фичи, поэтому мы решили подробно пройтись по документации API и разложить все по полочкам. Поехали:

1. Как отобразить пользователю Web App?

Сейчас доступно 3 способа: по нажатию на reply-кнопку, по нажатию на inline-кнопку, по нажатию на кнопку «Меню» внутри бота (за которой раньше скрывался список команд). Во всех способах пользователю открывается указанный вами URL по HTTPS, поэтому вам нужно иметь собственный веб-сервер с SSL-сертификатом для отображения страниц.

2. Как боты общаются с Web Apps?

Это происходит через специальный объект Telegram.WebApp, который вы можете использовать с помощью JavaScript внутри своей кастомной страницы. Кроме этого, никто не запрещает передавать в URL открытия Web App'а нужные вам параметры для получения информации о юзере.

3. Как сделать интерфейс для Web App?

Доступны все возможности HTML, CSS и JavaScript, без каких-либо ограничений (по крайней мере, они не описаны в документации). Важно понимать, что у всех пользователей разные размеры экрана и цветовые настройки, поэтому при разработке Web App нужно учитывать множество вариантов, благо Telegram с этим помогает.

0
Комментарии
Читать все 0 комментариев
null