Flutter Telegram Web App #

Build telegram web apps in flutter using flutter_telegram_web library

Getting Started #

Import Library in your pubspec.yaml

And add this line in web/index.html

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

Checkout details of available telegram_web apis here

Add complete documentation, for now checkout \example folder

To test in telegram while development/debugging, enable debugging in telegram webApp, checkout this post
Then navigate to \example folder : cd example
Run web-server : flutter run -d web-server --web-port 8000 --web-hostname 0.0.0.0
Now expose your localhost:8000 , to internet ,using ngrok or any other alternative
Use that url to load webapp in telegram, after debugging, host flutterWeb app somewhere and replace the url

Show the user a special menu button (near the message input field):
1. Go to Bot Father
2. Select your bot
3. Bot Settings — Menu Button — Specify../Edit menu button URL
4. Send url of flutter web app
The second way is to send a button with the data that contains field web_app with a URL to a Web App from bot :
```
{
    "text": "Test web_app",
    "web_app": {
        "url": "FLUTTER_WEB_APP_URL"
    }
}
```

This is Just The Initial Version feel free to Contribute or Report any Bug!