flutter_telegram_web_app
Last updated:
0 purchases
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 In This Product:
Customer Reviews
There are no reviews.
