Usando Node.js como un servidor web simple

Quiero ejecutar un servidor HTTP muy simple. Cada solicitud GET example.comdebe index.htmlentregarse, pero como una página HTML normal (es decir, la misma experiencia que cuando lees páginas web normales).

Usando el siguiente código, puedo leer el contenido de index.html. ¿ Cómo sirvo index.htmlcomo una página web normal?

var http = require('http');
var fs = require('fs');
var index = fs.readFileSync('index.html');

http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end(index);
}).listen(9615);

Una de las sugerencias a continuación es complicada y requiere que escriba una getlínea para cada archivo de recursos (CSS, JavaScript, imágenes) que quiero usar.

¿Cómo puedo servir una sola página HTML con algunas imágenes, CSS y JavaScript?

May 22 '11 03:05 idophir

Nota : Esta respuesta es de 2011. Sin embargo, sigue siendo válida.

Puedes usar Connect y ServeStatic con Node.js para esto:

1. Instale connect y server-static con NPM

    $ npm install connect serve-static
   

2. Cree el archivo server.js con este contenido:

    var connect = require('connect');
    var serveStatic = require('serve-static');
   
    connect()
        .use(serveStatic(__dirname))
        .listen(8080, () => console.log('Server running on 8080...'));
   

3. Ejecutar con Node.js

    $ node server.js
   

Ahora puedes ir ahttp://localhost:8080/yourfile.html

Dec 08 '2011 08:12 Gian Marco

Mira esta esencia . Lo reproduzco aquí como referencia, pero la esencia se ha actualizado periódicamente.

Servidor web de archivos estáticos Node.JS. Colóquelo en su ruta para activar servidores en cualquier directorio, toma un argumento de puerto opcional.

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");

Actualizar

La esencia maneja archivos css y js. Lo he usado yo mismo. Usar lectura/escritura en modo "binario" no es un problema. Eso simplemente significa que la biblioteca de archivos no interpreta el archivo como texto y no está relacionado con el tipo de contenido devuelto en la respuesta.

El problema con su código es que siempre devuelve un tipo de contenido de "texto/sin formato". El código anterior no devuelve ningún tipo de contenido, pero si solo lo usa para HTML, CSS y JS, un navegador puede inferirlos sin problemas. Ningún tipo de contenido es mejor que uno incorrecto.

Normalmente el tipo de contenido es una configuración de su servidor web. Lo siento si esto no resuelve su problema, pero funcionó para mí como un servidor de desarrollo simple y pensé que podría ayudar a otras personas. Si necesita tipos de contenido correctos en la respuesta, debe definirlos explícitamente como lo hace joeytwiddle o usar una biblioteca como Connect que tenga valores predeterminados sensatos. Lo bueno de esto es que es simple y autónomo (sin dependencias).

Pero siento tu problema. Así que aquí está la solución combinada.

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);

  var contentTypesByExtension = {
    '.html': "text/html",
    '.css':  "text/css",
    '.js':   "text/javascript"
  };

  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;
      }

      var headers = {};
      var contentType = contentTypesByExtension[path.extname(filename)];
      if (contentType) headers["Content-Type"] = contentType;
      response.writeHead(200, headers);
      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");

Nov 29 '2012 21:11 Jonathan Tran

No necesitas expreso. No necesitas conectarte. Node.js hace http DE FORMA NATIVA. Todo lo que necesita hacer es devolver un archivo dependiendo de la solicitud:

var http = require('http')
var url = require('url')
var fs = require('fs')

http.createServer(function (request, response) {
    var requestUrl = url.parse(request.url)    
    response.writeHead(200)
    fs.createReadStream(requestUrl.pathname).pipe(response)  // do NOT use fs's sync methods ANYWHERE on production (e.g readFileSync) 
}).listen(9615)    

Un ejemplo más completo que garantiza que las solicitudes no puedan acceder a los archivos debajo de un directorio base y realiza un manejo adecuado de los errores:

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 = 9615

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)

Oct 14 '2014 06:10 B T