Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to specify a port number while running flutter web

Tags:

flutter-web

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.

like image 777
Omar BELKHODJA Avatar asked Oct 05 '19 12:10

Omar BELKHODJA


People also ask

What port does flutter run on?

By default, When you run flutter web app on browser localhost, each time app will start on random port number (eg: http://localhost:50465/#/).


4 Answers

I found the answer inside the flutter_tools source code:

flutter run -d headless-server --web-port=1234
like image 85
Omar BELKHODJA Avatar answered Oct 16 '22 07:10

Omar BELKHODJA


To do this for Android Studio, just add the additional parameters to the run configuration. So in the Additional arguments, add --web-port=49430

enter image description here

like image 40
Boy Avatar answered Oct 16 '22 08:10

Boy


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

like image 45
eli Avatar answered Oct 16 '22 08:10

eli


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

like image 25
Vicky Salunkhe Avatar answered Oct 16 '22 07:10

Vicky Salunkhe