.png)
Description:
flutter telegram web app
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>
copied to clipboard
Checkout details of available telegram_web apis here
TODO #
Add complete documentation, for now checkout \example folder
Setup for development #
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 button to open a Web App. There are two ways: #
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_app with a URL to a Web App from bot :
{
"text": "Test web_app",
"web_app": {
"url": "FLUTTER_WEB_APP_URL"
}
}
copied to clipboard
Additional information #
This is Just The Initial Version feel free to Contribute or Report any Bug!
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
