How to specify a port number while running flutter web

Question

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.

score 75 · Answer 1 · edited Aug 27 '23 at 19:46

75

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

edited Aug 27 '23 at 19:46

coffeduong

1,443
1
10
11

answered Sep 09 '20 at 09:11

Boy

7,010
4
54
68

Where is this in Android Studio? – giorgio79 Sep 03 '21 at 03:30
1

@giorgio79 open de dropdown voor run configurations (next to the device selection dropdown) and select `Edit Configurations` – Boy Sep 05 '21 at 12:29
2

How to do it on VSCODE? – Hasani Apr 28 '22 at 02:03
1

For VSCODE you can add a port to use as argument in launch.json config file. See here... https://github.com/Dart-Code/Dart-Code/issues/1769#issuecomment-552982008 – steveny909 Apr 12 '23 at 00:21

score 63 · Answer 2 · answered Jun 27 '20 at 09:45

63

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

answered Jun 27 '20 at 09:45

eli

8,571
4
30
40

Can you share how to do the same for Android Studio? – Slick Slime Sep 08 '20 at 18:33
1

@SlickSlime check my response here: https://stackoverflow.com/a/63808434/969016 – Boy Sep 09 '20 at 09:13
see here for detail on the vscode config settings used by @eli https://dartcode.org/docs/launch-configuration/ – RumbleFish May 25 '21 at 03:14
Just what I was looking for. – Zujaj Misbah Khan Aug 15 '21 at 10:48
Did not work until I added also `"program": "lib/main.dart",` – Giulio Dec 09 '21 at 09:10
Where should I put this `launch.json` file? I tried to create `launch.json` file beside `pubspec.yaml` but didn't work! – Hasani Apr 16 '22 at 21:50
@WDR Read my instruction above. 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. – eli Apr 17 '22 at 16:08

score 60 · Accepted Answer · answered Oct 05 '19 at 12:35

60

I found the answer inside the flutter_tools source code:

flutter run -d headless-server --web-port=1234

answered Oct 05 '19 at 12:35

Omar BELKHODJA

1,622
1
12
18

1

strange this is still not listed when you do "flutter run -h" – guenis May 05 '21 at 01:16
9

or `flutter run -d chrome --web-port=1234` – Mamrezo May 29 '21 at 02:15

Vicky Salunkhe · Answer 4 · 2022-07-23T16:58:47.667

29

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

edited Jul 23 '22 at 16:58

answered Sep 16 '20 at 10:10

Vicky Salunkhe

9,869
6
42
59

Maybe its just a macOS thing? Seems like I need "web" not "web-server", it doesn't launch the same but does start: `flutter -v run -d web --web-port=28080` Still, --web-port is the trick here. :) – gregthegeek Sep 29 '20 at 20:58

score 6 · Answer 5 · answered Jun 12 '20 at 07:22

6

This works well too -

flutter run -d web-server --web-port 8080

answered Jun 12 '20 at 07:22

vivekyad4v

13,321
4
55
63

score 3 · Answer 6 · answered May 16 '23 at 04:18

3

Solution for VS Code

Go to settings
Search for Dart: Flutter Run Additional Args
Enter --web-port=1234
Click Add Item

answered May 16 '23 at 04:18

aqel

415
1
5
11

How to specify a port number while running flutter web

6 Answers6

Linked