Build telegram web apps in flutter using flutter_telegram_web library
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
\examplefolder :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):
- Go to Bot Father
- Select your bot
Bot Settings—Menu Button—Specify../Edit menu button URL- Send url of flutter web app
-
The second way is to send a button with the data that contains field
web_appwith 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!