telegram web app bot exampleダウンロード - telegram web app bot exampleソースコードダウンロード

ダウンロード

ボットの例のTelegram Webアプリ

Telegram WebアプリAPIとのプレーンJS相互作用を含むHTMLファイルの例。ライブデモ：ボットを添付します。

Webアプリはどこかでホストする必要があります。 GitHubリポジトリでホストすることは、迅速で無料の方法です。

リポジトリを作成します（またはこれをフォークします）
リポジトリ：設定>ページ：
- 出典：ブランチからの展開
- ブランチ：マスター、 /（root）、保存
Webが展開されるまで数分待ってください。 https://{github-username}.github.io/{repository-name}/{location-inside-repository}で利用できます。この場合： https://revenkroz.github.io/telegram-web-app-bot-example/index.html ：//revenkroz.github.io/telegram-web-app-bot-example/index.html

ユーザーに特別なメニューボタンを表示します（メッセージ入力フィールドの近く）：
1. ボットの父に行きます
2. ボットを選択します
3. Bot Settings - Menu Button - Specify.. / Edit menu button URL
4. WebアプリにURLを送信します（この場合、 https://revenkroz.github.io/telegram-web-app-bot-example/index.html ）

2番目の方法は、WebアプリにURLを含むフィールドweb_appを含むデータを使用してボタンを送信することです。

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

WebアプリをTelegramクライアントに接続するには、このコードを使用して、他のスクリプトの前にスクリプトtelegram-web-app.js <head>タグに配置します（詳細）：

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

スクリプトが接続されると、 window.Telegram.WebAppオブジェクトが利用可能になります。

拡大する

追加情報