Beranda>Terkait pemrograman>Kode sumber lainnya
Unduh

Contoh Aplikasi Web Telegram Untuk Bot

Contoh file html yang berisi interaksi polos-js dengan aplikasi web telegram API. Demo Langsung: Lampirkan bot.

Tautan

  • Dokumen resmi: https://core.telegram.org/bots/webapps
  • Bot demo langsung: lampirkan bot
  • Telegram Promo Bot: Durger King

Pengaturan Cepat

0. Host Aplikasi Web di Halaman GitHub

Aplikasi Web harus di -host di suatu tempat. Hostingnya di repositori GitHub adalah cara cepat dan gratis untuk melakukannya:

  1. Buat repositori (atau garpu yang satu ini)
  2. Di repositori: Pengaturan> Halaman:
    • Sumber: Menyebarkan dari cabang
    • Cabang: Master, / (root), simpan
  3. Tunggu beberapa menit agar web digunakan. Ini akan tersedia di: https://{github-username}.github.io/{repository-name}/{location-inside-repository} . Dalam hal ini: https://revenkroz.github.io/telegram-web-app-bot-example/index.html

1. Perlihatkan pengguna tombol untuk membuka aplikasi web. Ada dua cara:

  1. Tunjukkan tombol menu khusus kepada pengguna (dekat bidang input pesan):

    1. Pergi ke Bot Father
    2. Pilih bot Anda
    3. Bot Settings - Menu Button - Specify.. / Edit menu button URL
    4. Kirim URL ke aplikasi web Anda (dalam hal ini, https://revenkroz.github.io/telegram-web-app-bot-example/index.html )

  2. Cara kedua adalah mengirim tombol dengan data yang berisi bidang web_app dengan URL ke aplikasi web: 

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

2. Tambahkan skrip ke aplikasi web Anda

Untuk menghubungkan aplikasi web ke klien telegram, tempatkan skrip telegram-web-app.js di tag <head> sebelum skrip lainnya, menggunakan kode ini (info lebih lanjut): 

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

Setelah skrip terhubung, objek window.Telegram.WebApp akan tersedia.

3. Lakukan hal itu.

Memperluas
Informasi Tambahan
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait Semua