Il existe 3 types de boutons pour accéder à votre application web :
- bouton dans le texte ;
- bouton dans le clavier ;
- bouton du menu du bot.
Bouton Web App dans l'onglet des boutons
Pour les deux premières options, créez un bouton et définissez sa fonction sur "Telegram Web App".
Étape 1. Dans le champ Texte, saisissez le libellé du bouton.
Étape 2. Sélectionnez la mini-application à ouvrir. Il peut s'agir d'un site ou d'une mini-application créée dans MaviBot.
Ensuite, sélectionnez simplement un site dans la liste ou spécifiez un site externe.
Étape 3. Saisissez l'URL de votre site web.
Étape 4. Cliquez sur "Ajouter", puis enregistrez les paramètres du bloc.
Étape 5. Sélectionnez le type de bouton, puis configurez ses paramètres spécifiques.
Le type de bouton par défaut est le bouton du clavier. Bien que les boutons du clavier et les boutons en ligne apparaissent différemment, leur fonction principale est identique.
Voici des exemples configurés dans les paramètres avancés :
Bouton dans le texte :
[{"line":0,"index_in_line":0,"text":"Web App","type":"inline","web_app":"here will be the link to your app"}]
Bouton dans le clavier :
[{"line":0,"index_in_line":0,"text":"Web-App","type":"web_app","web_app":"here will be the link to your app"}]
Exemple
En conséquence, vous obtiendrez un bouton à côté du champ de saisie du message qui sera toujours visible.
Les trois types de boutons ouvrent l'application web liée dans une fenêtre séparée.
N'oubliez pas que votre application web doit être configurée d'une manière spécifique.
Veuillez noter que votre application web nécessite une configuration spécifique. Vous trouverez les directives officielles de configuration des développeurs Telegram ici : Web Apps pour les bots.
La Web App peut être liée à un site construit dans MaviBot, comme un service de réservation en ligne ou une boutique e-commerce.
Bouton Web App dans la Calculatrice
Le troisième type de bouton est créé à l'aide d'une fonction de calculatrice.
tg_set_chat_menu_button(type, text, web_app_url, platform_id), où :
- type — un paramètre optionnel spécifiant l'un des trois types de boutons ("default", "commands", "web_app"),
- text — un paramètre optionnel ; si type n'est pas sélectionné, cela définit le texte sur le bouton,
- web_app_url — un paramètre optionnel ; le lien vers votre application web (utilisé uniquement lorsque type est "web_app"),
- platform_id — un paramètre optionnel ; spécifie un chat utilisateur particulier si, pour une raison quelconque, vous souhaitez afficher le bouton uniquement à un utilisateur spécifique.
Voici un exemple de création d'un bouton pour accéder à une application web :
tg_set_chat_menu_button('web_app', 'Web app', 'here will be the link to your app')
Résultat :
