serving html files in node js using express

Question

actally i'm trying to serve a html file in the browser using node js and express. unfortunatly i can't get the correct appearence of the html file.

here is the code :

var http = require('http');
var fs = require('fs');
// Chargement du fichier index.html affiché au client

var server = http.createServer(function(req, res) {
    fs.readFile('./table.html', 'utf-8', function(error, content) {

        res.writeHead(200, {"Content-Type": "text/html"});
        res.end(content);
    });
});

Answer 1

To send a single file for a specific route use the res.sendFile() function.

var express = require('express');
var app = express();

var path = require('path');

app.get('/', function(req, res) {
    res.sendFile(path.resolve('path/to/my/file.html'));
});

app.listen(3000);

In case you want to serve all files in a directory use the express.static() middleware

var express = require('express');
var app = express();

app.use(express.static('path/to/my/directory'));

app.listen(3000);

Answer 2

With express u can do something like

//init the app to extend express
var express=require("express");
var app=express();
//inside the http callback
var server = http.createServer(function(req, res) {
   app.use(express.static("./file"));
})
server.listen(8000);