Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Node.JS static file web server. Put it in your path to fire up servers in any directory, takes an optional port argument.
var http = require("http"),
url = require("url"),
path = require("path"),
fs = require("fs")
port = process.argv[2] || 8888;
http.createServer(function(request, response) {
var uri = url.parse(request.url).pathname
, filename = path.join(process.cwd(), uri);
path.exists(filename, function(exists) {
if(!exists) {
response.writeHead(404, {"Content-Type": "text/plain"});
response.write("404 Not Found\n");
response.end();
return;
}
if (fs.statSync(filename).isDirectory()) filename += '/index.html';
fs.readFile(filename, "binary", function(err, file) {
if(err) {
response.writeHead(500, {"Content-Type": "text/plain"});
response.write(err + "\n");
response.end();
return;
}
response.writeHead(200);
response.write(file, "binary");
response.end();
});
});
}).listen(parseInt(port, 10));
console.log("Static file server running at\n => http://localhost:" + port + "/\nCTRL + C to shutdown");
@davidgovea

This comment has been minimized.

Copy link

@davidgovea davidgovea commented Aug 3, 2011

Thank you!

@agentgt

This comment has been minimized.

Copy link

@agentgt agentgt commented Aug 31, 2011

likewise on the thank you!

@jameswomack

This comment has been minimized.

Copy link

@jameswomack jameswomack commented Nov 30, 2011

Thank you for making this available

@hhadri

This comment has been minimized.

Copy link

@hhadri hhadri commented Jan 28, 2012

Thank you!

@respectTheCode

This comment has been minimized.

Copy link

@respectTheCode respectTheCode commented Feb 27, 2012

This doesn't set the mim type. You can use the mime module like this https://gist.github.com/1926868

@shahalpk

This comment has been minimized.

Copy link

@shahalpk shahalpk commented Mar 5, 2012

Thanks a lot!

@manhhung741

This comment has been minimized.

Copy link

@manhhung741 manhhung741 commented Mar 16, 2012

thanks XD

@tonylukasavage

This comment has been minimized.

Copy link

@tonylukasavage tonylukasavage commented Mar 27, 2012

Great stuff, exactly what I was looking for.

@hamxiaoz

This comment has been minimized.

Copy link

@hamxiaoz hamxiaoz commented Mar 28, 2012

You may use the non-static module as well

@mattrudder

This comment has been minimized.

Copy link

@mattrudder mattrudder commented Apr 2, 2012

Thanks for this! :)

@dylantack

This comment has been minimized.

Copy link

@dylantack dylantack commented Apr 10, 2012

Careful! This code is vulnerable to a directory traversal attack.

@tonylukasavage

This comment has been minimized.

Copy link

@tonylukasavage tonylukasavage commented Apr 10, 2012

I'm just using it for a local web preview anyway

@smurph269

This comment has been minimized.

Copy link

@smurph269 smurph269 commented Jul 1, 2012

I'm just getting started with node.js and backbone.js and this has been perfect for setting up demo apps quickly.

@alexblackie

This comment has been minimized.

Copy link

@alexblackie alexblackie commented Aug 3, 2012

I needed to put up a holding page for a website I was building and this was an awesome lightweight solution... Thanks!

@jagtesh

This comment has been minimized.

Copy link

@jagtesh jagtesh commented Jan 8, 2013

Just what I was looking for. Danke Shoen!

@yaniv-aknin

This comment has been minimized.

Copy link

@yaniv-aknin yaniv-aknin commented Jan 20, 2013

Consider also python -m SimpleHTTPServer 888 or twistd -n web -p 8888 --path .. The former is installed pretty much anywhere where there's Python, the latter is better performing and is bundled with many distributions including Mac OSX - no need for pasting/downloading another file.

@yosske

This comment has been minimized.

Copy link

@yosske yosske commented Jan 21, 2013

Thanks!

@Filirom1

This comment has been minimized.

Copy link

@Filirom1 Filirom1 commented Feb 11, 2013

So good !

@Premier

This comment has been minimized.

Copy link

@Premier Premier commented Feb 24, 2013

Great!

@axelsears

This comment has been minimized.

Copy link

@axelsears axelsears commented Mar 11, 2013

Thank you, this rocks!

@ubinix-warun

This comment has been minimized.

Copy link

@ubinix-warun ubinix-warun commented Mar 18, 2013

Thanks!

@Waxolunist

This comment has been minimized.

Copy link

@Waxolunist Waxolunist commented Apr 26, 2013

path.exists should be changed to fs.exists

@kljensen

This comment has been minimized.

Copy link

@kljensen kljensen commented Oct 30, 2013

Nice! I typically use

python -m SimpleHTTPServer

to serve the cwd.

@srgg6701

This comment has been minimized.

Copy link

@srgg6701 srgg6701 commented Dec 5, 2013

Brilliant solution!

@samof76

This comment has been minimized.

Copy link

@samof76 samof76 commented Feb 4, 2014

fantastic.... love this!

@adamgibbons

This comment has been minimized.

Copy link

@adamgibbons adamgibbons commented Feb 25, 2014

nice, this totally is the javascript spirit of the python SimpleHTTPServer

@serverwentdown

This comment has been minimized.

Copy link

@serverwentdown serverwentdown commented Mar 2, 2014

I dumped in piping because I was using it to transfer larger files. May be slow... gist

@aamirafridi

This comment has been minimized.

Copy link

@aamirafridi aamirafridi commented Apr 9, 2014

Great example to understand

@Lordoomer

This comment has been minimized.

Copy link

@Lordoomer Lordoomer commented Apr 17, 2014

Wow the first one that works for me thank very much for this code!
Well, it works everywhere except in...surprise: IE11 & <

@Ajedi32

This comment has been minimized.

Copy link

@Ajedi32 Ajedi32 commented Apr 21, 2014

Quick question: does this script ensure that data in higher-level directories is inaccessible via http requests? E.g. I can't request /../../../../.ssh/id_rsa (just an example) and have it send that data to me?

@samuelfine

This comment has been minimized.

Copy link

@samuelfine samuelfine commented May 9, 2014

@dylantack @Ajedi32 I was concerned about this as well, but after some quick testing it appears that url.parse is sanitizing the requested path. For example, if this node server is running from /home and you try visiting 1.2.3.4:8888/../../../../.ssh/id_rsa it resolves to /home/.ssh/id_rsa.

@tahiralvi

This comment has been minimized.

Copy link

@tahiralvi tahiralvi commented May 14, 2014

Thanks.

@nathanbuckley-zz

This comment has been minimized.

Copy link

@nathanbuckley-zz nathanbuckley-zz commented May 26, 2014

Great work, Thanks

@bgkittrell

This comment has been minimized.

Copy link

@bgkittrell bgkittrell commented Jun 13, 2014

FYI, if you're serving media files you might want to look at the send module. It will handle large files better, and Partial Content requests (important for HTML5 video).

https://github.com/visionmedia/send

@Jerska

This comment has been minimized.

Copy link

@Jerska Jerska commented Aug 29, 2014

To be sure to avoid transversal directory attacks without relying on url.parse, one could also do

var cwd = process.cwd();
http.createServer (function (req, res) {
    var uri = url.parse(req.url).pathname,
        filename = path.join(cwd, uri);
    if (filename.indexOf(cwd) !== 0)
        // Abort
}

Also, I would use filename = path.join(filename, 'index.html') instead of filename += '/index.html'. / isn't necessarily the OS separator, or we wouldn't use a path module.

@johnjqc

This comment has been minimized.

Copy link

@johnjqc johnjqc commented Jan 7, 2015

muy bueno, gracias

@meetkiran

This comment has been minimized.

Copy link

@meetkiran meetkiran commented Feb 4, 2015

thanks a lot dude

@brandt1871

This comment has been minimized.

Copy link

@brandt1871 brandt1871 commented Apr 15, 2015

Many thanks.

Shouldn't the method "exists" be used with fs instead of path?
On line 12 of the code we have:

path.exists(filename, function(exists) {...});

This gave me an error and it seemed fine after I replaced it with:

fs.exists(filename, function(exists) {...});
@einsiol

This comment has been minimized.

Copy link

@einsiol einsiol commented Jun 7, 2015

Agree with the last comment, replacing path.exist with fs.exist fixed an error that I did not fully understand. Otherwise, fantastic solution, perfect for beginners :)

@raidenz

This comment has been minimized.

Copy link

@raidenz raidenz commented Jun 23, 2015

yes thanks brandt1871 path.exists is now called fs.exists

@fordnox

This comment has been minimized.

Copy link

@fordnox fordnox commented Jul 17, 2015

Same issue here, path.exists is now called fs.exists

Please fix for future generations :)

@ratneshnavlakhe

This comment has been minimized.

Copy link

@ratneshnavlakhe ratneshnavlakhe commented Aug 24, 2015

Thanks!!!

@Deele

This comment has been minimized.

Copy link

@Deele Deele commented Sep 28, 2015

Please, include package.json so that we could npm install. Thanks!

@byeblogs

This comment has been minimized.

Copy link

@byeblogs byeblogs commented Nov 14, 2015

You saved my day brotha.. Thanks :) ~

@CustomsoftGH

This comment has been minimized.

Copy link

@CustomsoftGH CustomsoftGH commented Jan 8, 2016

For those newbies out there, path.exists has been depricated to fs.exists.

@harismohammed

This comment has been minimized.

Copy link

@harismohammed harismohammed commented Jan 23, 2016

thank u

@evenfrost

This comment has been minimized.

Copy link

@evenfrost evenfrost commented May 18, 2016

If anyone is interested in ES6+ version, I've revamped it here.

@kostasx

This comment has been minimized.

Copy link

@kostasx kostasx commented May 23, 2016

Small typo: fs = require("fs") is missing a comma at the end of the line, making port on the next line a global variable.
Thank you for sharing!

@archasek

This comment has been minimized.

Copy link

@archasek archasek commented Jun 9, 2016

Fixed the whole code. Enjoy :)

var http = require("http"),
    url = require("url"),
    path = require("path"),
    fs = require("fs"),
    port = process.argv[2] || 8888;

http.createServer(function(request, response) {

  var uri = url.parse(request.url).pathname
    , filename = path.join(process.cwd(), uri);

  fs.exists(filename, function(exists) {
    if(!exists) {
      response.writeHead(404, {"Content-Type": "text/plain"});
      response.write("404 Not Found\n");
      response.end();
      return;
    }

    if (fs.statSync(filename).isDirectory()) filename += '/index.html';

    fs.readFile(filename, "binary", function(err, file) {
      if(err) {        
        response.writeHead(500, {"Content-Type": "text/plain"});
        response.write(err + "\n");
        response.end();
        return;
      }

      response.writeHead(200);
      response.write(file, "binary");
      response.end();
    });
  });
}).listen(parseInt(port, 10));

console.log("Static file server running at\n  => http://localhost:" + port + "/\nCTRL + C to shutdown");
@CforED

This comment has been minimized.

Copy link

@CforED CforED commented Jul 4, 2016

Hi, Everyone:

Problem: There is a failure in the JavaScript code (server.js) to route a var to the following directory: ./public/index.html.

Symptoms: HTTP Error 403.14 - Forbidden.

Request for Support: What is the correct JavaScript to route var to a particular directory?

URL References:

1.) GitHub URL link: https://github.com/CforED/WebSite/blob/master/server.js

2.) Gist URL link: https://gist.github.com/CforED/177a2e73dfb87313576376fc00a2c9f4.js

3.) GitHub URL link to website:
https://github.com/CforED/WebSite/tree/master/public

Hal

@amejiarosario

This comment has been minimized.

Copy link

@amejiarosario amejiarosario commented Aug 24, 2016

I created a new one that handles MIME types and uses ES6+

https://gist.github.com/amejiarosario/53afae82e18db30dadc9bc39035778e5

@kovid-rathee

This comment has been minimized.

Copy link

@kovid-rathee kovid-rathee commented Feb 3, 2017

Got an error with path.exists, changed it to fs.exists and the snippet worked fine.

@duluca

This comment has been minimized.

Copy link

@duluca duluca commented Feb 28, 2017

@kovid-rathee I ran in to the same issue and your solution worked!

@Julia991

This comment has been minimized.

Copy link

@Julia991 Julia991 commented Mar 28, 2017

Hey, guys what do you think about this article?
he best Node.js framework for your project: Express.js, Koa.js or Sails.js is express js the best framework for Node js?

@cmshiyas

This comment has been minimized.

Copy link

@cmshiyas cmshiyas commented Jun 14, 2017

Awesome! I am new to Node.js and was trying to figure out how to configure this...This worked with a minor update as givne in another post creationix/howtonode.org#88
Thank you very much!

@robole

This comment has been minimized.

Copy link

@robole robole commented Jun 26, 2017

ty. min req, what i was after

@dkebler

This comment has been minimized.

Copy link

@dkebler dkebler commented Oct 31, 2017

path.exists has been deprecated. If you want a sync check then

  if (!fs.statSync(filename)) {
    response.writeHead(404, {'Content-Type': 'text/plain'})
    response.write('404 Not Found\n')
    response.end()
    return
  }
@dkebler

This comment has been minimized.

Copy link

@dkebler dkebler commented Oct 31, 2017

even better how about the handler's fs stuff all async with callbacks

fs.stat(filename, function(err,stats) {
    if (err) {
      response.writeHead(404, {'Content-Type': 'text/plain'})
      response.write('404 Not Found\n')
      response.end()
      return
    }

    if (stats.isDirectory()) filename += '/index.html'

    fs.readFile(filename, 'binary', function(err, file) {
      if(err) {
        response.writeHead(500, {'Content-Type': 'text/plain'})
        response.write(err + '\n')
        response.end()
        return
      }
      response.writeHead(200)
      response.write(file, 'binary')
      response.end()
    })
  })
@Risyandi

This comment has been minimized.

Copy link

@Risyandi Risyandi commented Apr 19, 2018

Thanks a lot :)

@mandaputtra

This comment has been minimized.

Copy link

@mandaputtra mandaputtra commented May 6, 2018

Thanks a lot, but it can be hijacked

@XMB5

This comment has been minimized.

Copy link

@XMB5 XMB5 commented Jun 10, 2018

This is insecure, someone can request /../../../etc/shadow or similar to read any file they want.

@Abd-Elrazek

This comment has been minimized.

Copy link

@Abd-Elrazek Abd-Elrazek commented Jul 28, 2019

thanks ...it's great, that why I'm looking for it

@CCorb

This comment has been minimized.

Copy link

@CCorb CCorb commented Feb 29, 2020

path.exists is now called fs.exists

@unsaved

This comment has been minimized.

Copy link

@unsaved unsaved commented Mar 19, 2020

This is insecure, someone can request /../../../etc/shadow or similar to read any file they want.

I guess you're not familiar with how path.join works, because as coded here it won't resolve to a directory outside of cwd directory branch.

@rpivo

This comment has been minimized.

Copy link

@rpivo rpivo commented Apr 12, 2021

fs.exists is deprecated. fs.statSync can be used to check if file path exists, as in dkebler's code above.

@codespede

This comment has been minimized.

Copy link

@codespede codespede commented May 23, 2021

Thank you for this!

@FillSmithy

This comment has been minimized.

Copy link

@FillSmithy FillSmithy commented Sep 7, 2021

Thx a lot! I was searching solution for similar problem.Latin America has become one of the well known re-appropriating objections somewhat recently, particularly for US organizations. The relative vicinity, brief period distinction, and moderate compensation rates are the fundamental reasons why numerous organizations decide to enlist engineers in Brazil, Argentina, and Mexico.Argentina programming development rethinking offers energizing chances for financial backers and contributes enormously to the nation's economy. Just in the years 2006-2016, the fare pay from the SIS business developed by 13.7%. Furthermore, most of this income has a place with custom development (58%).Another huge pattern of the business is the developing measure of mechanical parks, as Catalinas Norte and Litoral Centro SAPEM. Programming development in Buenos Aires offers admittance to an incredible ability pool. Nearby designers are known for their abilities in computer programming, portable application development, and cloud solutions.The country's economy isn't steady and there is extremely high swelling. It implies that the compensation rates may develop quickly to coordinate with the need and become less worthwhile for rethinking accomplices. The conservative unsteadiness can likewise prompt a few organizations being not able to support their administrations. Experts are likewise supported to deal with the neighborhood market as opposed to re-appropriating labor.The time region isn't advantageous for customers from Europe. There is likewise a huge social cross-over that may prompt misconception and wasteful communication.The rates are not as modest as different objections in Latin America and the world (for instance in India). It has to do with the way that a ton of Silicon Valley organizations work with Argentina and invigorate compensation growth.The enactment is a bit convoluted for unfamiliar financial backers and administration makes now is the ideal time devouring to set such a partnership.Although Latin America may be advantageous for certain organizations searching for distant designer groups, others need to know the other options. Eastern Europe and Ukraine specifically are solid contest to programming development rethinking Argentina. Ukraine offers profoundly talented and taught software engineers just as low compensation rates, and an advantageous destination, so why not find out more?.If Ukraine is your nation of decision to discover phenomenal designers, Mobilunity is prepared to assist with that. We have been working in this field for over 10 years and know precisely how to track down an ideal committed development group for your project.We have an incredible arrangement of delivered items just as in excess of 40 global customers to demonstrate our standing. We generally center around customers' necessities and prerequisites to track down the most reasonable high-profile engineers.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment