Пример HTML-файл, который содержит взаимодействие Plain-JS с API Telegram Web API. Живая демонстрация: Прикрепите бот.
Веб -приложение должно быть где -то размещено. Хостинг его на репозитории GitHub - это быстрый, свободный способ сделать это:
https://{github-username}.github.io/{repository-name}/{location-inside-repository} . В этом случае: https://revenkroz.github.io/telegram-web-app-bot-example/index.html Покажите пользователю специальную кнопку меню (рядом с полем ввода сообщения):
Bot Settings - Menu Button - Specify.. / Edit menu button URLhttps://revenkroz.github.io/telegram-web-app-bot-example/index.html ) Второй способ - отправить кнопку с данными, которые содержат поле web_app с URL -адресом в веб -приложение:
{
"text" : " Test web_app " ,
"web_app" : {
"url" : " https://revenkroz.github.io/telegram-web-app-bot-example/index.html "
}
} Чтобы подключить веб-приложение к клиенту Telegram, поместите сценарий telegram-web-app.js в теге <head> перед любыми другими сценариями, используя этот код (подробнее):
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > Как только скрипт подключен, станет доступным объект window.Telegram.WebApp .
