Exemplo de arquivo html que contém uma interação Plain-JS com a API do Telegram Web Apps. Demonstração ao vivo: Anexe o bot.
O aplicativo da web deve ser hospedado em algum lugar. Hospedá -lo em um repositório do GitHub é uma maneira rápida e gratuita de fazê -lo:
https://{github-username}.github.io/{repository-name}/{location-inside-repository} . Nesse caso: https://revenkroz.github.io/telegram-web-app-bot-example/index.html Mostre ao usuário um botão de menu especial (próximo ao campo de entrada da mensagem):
Bot Settings - Menu Button - Specify.. / Edit menu button URLhttps://revenkroz.github.io/telegram-web-app-bot-example/index.html ) A segunda maneira é enviar um botão com os dados que contêm Field web_app com um URL para um aplicativo da Web:
{
"text" : " Test web_app " ,
"web_app" : {
"url" : " https://revenkroz.github.io/telegram-web-app-bot-example/index.html "
}
} Para conectar um aplicativo da web ao cliente do Telegram, coloque o script telegram-web-app.js na tag <head> antes de qualquer outro script, usando este código (mais informações):
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > Depois que o script estiver conectado, um objeto window.Telegram.WebApp ficará disponível.
