Exemple de fichier HTML qui contient une interaction enjères avec l'API des applications Web Telegram. Démo en direct: attacher le bot.
L'application Web doit être hébergée quelque part. L'hébergement sur un référentiel GitHub est un moyen rapide et gratuit de le faire:
https://{github-username}.github.io/{repository-name}/{location-inside-repository}
. Dans ce cas: https://revenkroz.github.io/telegram-web-app-bot-example/index.html
Affichez à l'utilisateur un bouton de menu spécial (près du champ de saisie des messages):
Bot Settings
- Menu Button
- Specify..
/ Edit menu button URL
https://revenkroz.github.io/telegram-web-app-bot-example/index.html
) La deuxième façon consiste à envoyer un bouton avec les données contenant un champ web_app
avec une URL à une application Web:
{
"text" : " Test web_app " ,
"web_app" : {
"url" : " https://revenkroz.github.io/telegram-web-app-bot-example/index.html "
}
}
Pour connecter une application Web au client Telegram, placez le script telegram-web-app.js
dans la balise <head>
avant tout autre script, en utilisant ce code (plus d'informations):
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script >
Une fois le script connecté, un objet window.Telegram.WebApp
sera disponible.