Inicio>Relacionado con la programación>Otro código fuente
Descargar

Aplicaciones web de Telegram para el ejemplo de bots

Ejemplo HTML-File que contiene una interacción simple-JS con la API de aplicaciones web de Telegram. Demo en vivo: adjunta bot.

Campo de golf

  • Documentos oficiales: https://core.telegram.org/bots/webapps
  • Bot de demostración en vivo: adjunte bot
  • Bot promocional de telegrama: Durger King

Configuración rápida

0. Hosting la aplicación web en las páginas de Github

La aplicación web debe estar alojada en alguna parte. Alojarlo en un repositorio de GitHub es una forma rápida y gratuita de hacerlo:

  1. Crear un repositorio (o bifurcar este)
  2. En el repositorio: Configuración> Páginas:
    • Fuente: Implementar desde una rama
    • Rama: maestro, / (raíz), guardar
  3. Espere unos minutos para que se despliegue la web. Estará disponible en: https://{github-username}.github.io/{repository-name}/{location-inside-repository} . En este caso: https://revenkroz.github.io/telegram-web-app-bot-example/index.html

1. Muestre al usuario un botón para abrir una aplicación web. Hay dos formas:

  1. Muestre al usuario un botón de menú especial (cerca del campo de entrada del mensaje):

    1. Ir al padre de bot
    2. Seleccione su bot
    3. Bot Settings - Menu Button - Specify.. / Edit menu button URL
    4. Envíe una URL a su aplicación web (en este caso, https://revenkroz.github.io/telegram-web-app-bot-example/index.html )

  2. La segunda forma es enviar un botón con los datos que contienen Field web_app con una URL a una aplicación web: 

    {
    "text" : " Test web_app " ,
    "web_app" : {
        "url" : " https://revenkroz.github.io/telegram-web-app-bot-example/index.html "
    }
}

2. Agregue script a su aplicación web

Para conectar una aplicación web al cliente Telegram, coloque el script telegram-web-app.js en la etiqueta <head> antes de cualquier otro script, utilizando este código (más información): 

 < script src =" https://telegram.org/js/telegram-web-app.js " > </ script >

Una vez que el script esté conectado, un objeto window.Telegram.WebApp estará disponible.

3. Haz la cosa.

Expandir
Información adicional
Aplicaciones relacionadas
Recomendado para ti
Información relacionada Todo