How to run html file on localhost?

Question

I have an HTML file and I run it on localhost. But, this file includes a mirror using a webcam. For example, how can I run this HTML file on localhost? Webcam starts in this example when checking to live checkbox.

With LiveServer extension on [mac](https://www.youtube.com/watch?v=S_iPfU3wK2Q) on [windows](https://www.youtube.com/watch?v=Wd7cVmtiFUU) — InfiniteStack, Sep 21 '22 at 14:08

score 225 · Answer 1 · edited Jan 30 '23 at 14:11

225

You can run your file in http-server.

1> Have Node.js installed in your system.

2> In CMD, run the command npm install http-server -g

3> Navigate to the specific path of your file folder in CMD and run the command http-server

4> Go to your browser and type localhost:8080. Your Application should run

edited Jan 30 '23 at 14:11

Rishon_JR

160
11

answered Jan 21 '18 at 06:53

Clinton Roy

2,659
2
10
7

9

Thank you very much. That is exactly what I was looking for! Easy to do and works ;) – Thiago Farias Dec 05 '19 at 14:56
9

Even faster for one-time run is `npx http-server` from the folder you want to share. To add CORS you can run `npx http-server --cors`. – sax May 05 '20 at 13:38
Make sure to run the `cmd` as an administrator – Zain Sep 27 '21 at 22:52
@sax if you put that in an answer I would vote on it! – lharby Nov 16 '21 at 14:48

score 111 · Accepted Answer · edited Oct 01 '19 at 00:30

111

You can use python -m http.server. By default the local server will run on port 8000. If you would like to change this, simply add the port number python -m http.server 1234

If you are using python 2 (instead of 3), the equivalent command is python -m SimpleHTTPServer

edited Oct 01 '19 at 00:30

DBolton

506
4
9

answered Jul 21 '16 at 07:13

Nora

3,093
2
20
22

5

I create HTTPServer. What will i do now? – Volkan Şahin Jul 21 '16 at 08:11
2

OK. I am done. I transport my project to C:/Python27 and i run it on http://127.0.0.1:8000/ – Volkan Şahin Jul 21 '16 at 08:14
3

So you run the python command "python -m SimpleHTTPServer" and then navigate to http://localhost:8000/ in your browser and click the desired html file. Great solution! – Gal_M Jun 09 '18 at 17:39
10

The python 3 equivalent is `python3 -m http.server` You want to navigate to the directory that contains the files you wish to open locally, and then run that command. Then open up localhost:8000 if you are using the default port. – Mdomin45 Dec 01 '18 at 19:45

score 19 · Answer 3 · answered Aug 13 '18 at 01:16

19

If you are running Python3, you may want to instead try:

python -m http.server

See this answer.

answered Aug 13 '18 at 01:16

MrE

290
3
5

score 17 · Answer 4 · answered Nov 20 '21 at 07:50

17

If you have Node.js installed then from the folder you want to share you can simply run:

npx http-server

To add CORS you can run:

npx http-server --cors

answered Nov 20 '21 at 07:50

sax

808
1
12
25

Thanks a lot. Its working on end is "npx http-server" – Rejwanul Reja Feb 17 '22 at 02:41

score 9 · Answer 5 · answered Feb 14 '19 at 12:48

Install Node js - https://nodejs.org/en/
go to folder where you have html file:
- In CMD, run the command to install http server- npm install http-server -g
- To load file in the browser run - http-server
If you have specific html file. Run following command in CMD.- http-server fileName
by default port is 8080
Go to your browser and type localhost:8080. Your Application should run there.
If you want to run on different port: http-server fileName -p 9000

Note : To run your .js file run: node fileName.js

score 9 · Answer 6 · answered Sep 02 '20 at 15:21

9

On macOS:

Open Terminal (or iTerm) install Homebrew then run brew install live-server and run live-server.

You also can install Python 3 and run python3 -m http.server PORT.

On Windows:

If you have VS Code installed open it and install extension liveserver, then click Go Live in the bottom right corner.

Alternatively you can install WSL2 and follow the macOS steps via apt (sudo apt-get).

On Linux:

Open your favorite terminal emulator and follow the macOS steps via apt (sudo apt-get).

answered Sep 02 '20 at 15:21

SamuelFischerCode

91
1
3

Your VSCode suggestion was perfect for me. I was already using VSCode and I just needed a way to host a demo site locally for me to play around. The Go Live extension is a perfect one-click solution – Raam Kumar Jan 08 '23 at 14:43

score 5 · Answer 7 · answered Jul 21 '16 at 08:18

As Nora suggests, you can use the python simple server. Navigate to the folder from which you want to serve your html page, then execute python -m SimpleHTTPServer. Now you can use your web-browser and navigate to http://localhost:8000/ where your page is being served. If your page is named index.html then the server automatically loads that for you. If you want to access any other page, you'll need to browse to http://localhost:8000/{your page name}

score 3 · Answer 8 · answered Apr 04 '20 at 06:50

You can try installing one of the following localhost softwares:

xampp
wamp
ammps server
laragon

There are many more such softwares but the best among them are the ones mentioned above. they also allow domain names (for example: example.com)

score 2 · Answer 9 · answered Jun 27 '23 at 14:19

2

Another option if you have Node.js installed,

npx serve .

It will serve you a static site/single page application in the current directory.

Reference

answered Jun 27 '23 at 14:19

Philip

3,135
2
29
43

score 1 · Answer 10 · answered Aug 21 '19 at 10:40

1

You can install Xampp and run apache serve and place your file to www folder and access your file at localhost/{file name} or simply at localhost if your file is named index.html

answered Aug 21 '19 at 10:40

HamzaMushtaq

1,660
13
13

score 1 · Answer 11 · answered Jan 25 '22 at 00:32

You can also use PHP to server the files in http

make sure you installed PHP, run the below command to verify

php --version

if PHP is not installed run below command to install it

sudo apt install php7.4-cli

Once after the installation go to the file path and execute the below command in the terminal

php -S localhost:8000

score 1 · Answer 12 · answered Dec 29 '22 at 02:25

1

just npx serve it's more compatible with esmodule

answered Dec 29 '22 at 02:25

sema toghem

77
1
4

How to run html file on localhost?

12 Answers12

On macOS:

On Windows:

On Linux:

Linked