Is there any way to start Flutter web, with a Headless-Server target, always on the same specified port number ?
Today, running the web application with:
flutter run -d headless-server
Provides a random port number.
By default, When you run flutter web app on browser localhost, each time app will start on random port number (eg: http://localhost:50465/#/).
I found the answer inside the flutter_tools source code:
flutter run -d headless-server --web-port=1234
To do this for Android Studio, just add the additional parameters to the run configuration. So in the Additional arguments
, add --web-port=49430
The above solution works fine if you are like using command line. But if you you are using VsCode by CTRL+F5
that won't work. So to make vscode CTRL+F5
run in chrome or web-server go to your project root directory create .vscode
directory and inside that folder add launch.json
file.
Now if you want to run in web server add this lines in you launch.json
{
"version": "0.2.0",
"configurations": [{
"name": "Flutter",
"request": "launch",
"type": "dart",
"args": ["-d", "web-server","--web-port", "8000"],
}
]}
And if you want to launch in chrome device change argument web-server
to chome
i.e.
{
"version": "0.2.0",
"configurations": [{
"name": "Flutter",
"request": "launch",
"type": "dart",
"args": ["-d", "chrome","--web-port", "8000"],
}
]}
Now run CTRL+F5
You can run flutter web on any chromium based browser
Chrome | Edge
Use any one to launch flutter web application with custom port
flutter run -d chrome --web-port 5555
flutter run -d edge --web-port 5555
flutter run -d web-server --web-port 5555
EDIT
UNRELATED TO THE MAIN Question, but Helpful if you face the below-mentioned issue.
Recently faced an issue with a flutter web application, it was not running and no logs/ errors were visible.
How I fixed it.
Run flutter build web
this should print out the errors, fix those errors and then try running your application by above mentioned commands
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With