Beispiel HTML-File, das eine Plain-Js-Interaktion mit der Telegramm-Web-Apps-API enthält. Live -Demo: Bot anhängen.
Die Web -App muss irgendwo gehostet werden. Das Hostet in einem Github -Repository ist eine schnelle und kostenlose Möglichkeit, dies zu tun:
https://{github-username}.github.io/{repository-name}/{location-inside-repository} erhältlich sein. In diesem Fall: https://revenkroz.github.io/telegram-web-app-bot-example/index.html Zeigen Sie dem Benutzer eine spezielle Menü -Schaltfläche an (in der Nähe des Nachrichteneingangsfelds):
Bot Settings - Menu Button - Specify.. / Edit menu button URLhttps://revenkroz.github.io/telegram-web-app-bot-example/index.html ) Der zweite Weg besteht darin, eine Schaltfläche mit den Daten zu senden, die Field web_app mit einer URL an eine Web -App enthalten:
{
"text" : " Test web_app " ,
"web_app" : {
"url" : " https://revenkroz.github.io/telegram-web-app-bot-example/index.html "
}
} Um eine Web-App mit dem Telegramm-Client zu verbinden, platzieren Sie das Skript telegram-web-app.js in das <head> -Tag vor anderen Skripten mit diesem Code (weitere Informationen):
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > Sobald das Skript verbunden ist, wird ein window.Telegram.WebApp -Objekt verfügbar.
