Skip to content

Instantly share code, notes, and snippets.

@hectorcorrea
Last active June 29, 2024 12:51
Show Gist options
  • Save hectorcorrea/2573391 to your computer and use it in GitHub Desktop.
Save hectorcorrea/2573391 to your computer and use it in GitHub Desktop.
web server in node.js
// A very basic web server in node.js
// Stolen from: Node.js for Front-End Developers by Garann Means (p. 9-10)
var port = 8000;
var serverUrl = "127.0.0.1";
var http = require("http");
var path = require("path");
var fs = require("fs");
var checkMimeType = true;
console.log("Starting web server at " + serverUrl + ":" + port);
http.createServer( function(req, res) {
var now = new Date();
var filename = req.url || "index.html";
var ext = path.extname(filename);
var localPath = __dirname;
var validExtensions = {
".html" : "text/html",
".js": "application/javascript",
".css": "text/css",
".txt": "text/plain",
".jpg": "image/jpeg",
".gif": "image/gif",
".png": "image/png",
".woff": "application/font-woff",
".woff2": "application/font-woff2"
};
var validMimeType = true;
var mimeType = validExtensions[ext];
if (checkMimeType) {
validMimeType = validExtensions[ext] != undefined;
}
if (validMimeType) {
localPath += filename;
fs.exists(localPath, function(exists) {
if(exists) {
console.log("Serving file: " + localPath);
getFile(localPath, res, mimeType);
} else {
console.log("File not found: " + localPath);
res.writeHead(404);
res.end();
}
});
} else {
console.log("Invalid file extension detected: " + ext + " (" + filename + ")")
}
}).listen(port, serverUrl);
function getFile(localPath, res, mimeType) {
fs.readFile(localPath, function(err, contents) {
if(!err) {
res.setHeader("Content-Length", contents.length);
if (mimeType != undefined) {
res.setHeader("Content-Type", mimeType);
}
res.statusCode = 200;
res.end(contents);
} else {
res.writeHead(500);
res.end();
}
});
}
@kingram6865
Copy link

My JSHint says: Use '!==' to compare with 'undefined'

@alpersilistre
Copy link

fs.readFile deprecated. You should use fs.access or fs.stat now.

I have replaced the fs.exists part with fs.access;

fs.access(localPath, function(err) {
    if(err) {
        console.log('File not found: ' + localPath);
        res.writeHead(404);
        res.end();
    }

    console.log('Serving file: ' + localPath);
    getFile(localPath, res, mimeType);
})

https://nodejs.org/api/fs.html#fs_fs_exists_path_callback

@MalkyTheKid
Copy link

MalkyTheKid commented Oct 23, 2018

Hi Hector,
I tried the script but I keep on getting "Invalid file extension detected: (/)"

what can I do to resolve this? how do we exactly use the file above?

@thibka
Copy link

thibka commented Dec 20, 2018

I tried the script but I keep on getting "Invalid file extension detected: (/)"

Same here!

@wyllyjon
Copy link

Same pb.
I used this code : var filename = req.url == "" || req.url == "/" ? "index.html" : req.url;

@willemavjc
Copy link

willemavjc commented Apr 23, 2019

In case this might be useful for some, below a more up to date version (as of 2019) of how to serve files with node.js in only 30 lines of code, especially when using node 11.x which deprecated tons of things and now recommends tons of others things.

var http = require('http');
var url = require('url');
var fs = require('fs');
var path = require('path');
var baseDirectory = __dirname;   // or whatever base directory you want

var port = 8080;

http.createServer(function (request, response) {
    try {
        var requestUrl = url.parse(request.url);

        // need to use path.normalize so people can't access directories underneath baseDirectory
        var fsPath = baseDirectory+path.normalize(requestUrl.pathname);

        var fileStream = fs.createReadStream(fsPath);
        fileStream.pipe(response);
        fileStream.on('open', function() {
            response.writeHead(200);
        });
        fileStream.on('error',function(e) {
            response.writeHead(404) ;    // assume the file doesn't exist
            response.end();
        });
    } catch(e) {
        response.writeHead(500);
        response.end() ;    // end the response so browsers don't hang
        console.log(e.stack);
    }
}).listen(port);

console.log("listening on port "+port);

Obviously, it can be implemented a MIME restriction.

This code is not mine. All credits go to Ole Haugset and B T who did it on Stackoverflow for a beginner.

I checked a bit the code, it runs smoothly on node 11.14.0-alpine, follows some recommandations of the official documentation.
For example:

The fs.readFile() function buffers the entire file. To minimize memory costs, when possible prefer streaming via fs.createReadStream().

@willemavjc
Copy link

willemavjc commented Apr 25, 2019

Line 61: res.setHeader("Content-Length", contents.length); is incorrect.

It can mislead the actual length computation which depends on the data encoding.
Use Buffer.byteLength(string, [encoding]) to solve this.

Ref: Documentation
Ref: Stackoverflow

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