使用node.js作为简单的Web服务器

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

#1 楼

最简单的Node.js服务器就是：

$ npm install http-server -g

现在您可以通过以下命令运行服务器：

$ cd MyApp

$ http-server

如果使用的是NPM 5.2.0或更高版本，则可以使用http-server而不将其与npx一起安装。不建议在生产中使用此方法，但这是快速使服务器在localhost上运行的好方法。

$ npx http-server

或者，您可以尝试此操作，它将打开您的Web浏览器并启用CORS请求：

$ http-server -o --cors

更多选项，请查看GitHub上http-server的文档，或运行：

$ http-server --help

还有很多其他不错的功能以及可以简单地部署到NodeJitsu的功能。

功能叉

当然，您可以轻松地用自己的叉子为功能加满。您可能会发现它已经在该项目的现有800多个分支中完成：


https://github.com/nodeapps/http-server/network

Light Server：一种自动刷新的替代方法

http-server替代light-server是一个不错的替代方法。它支持文件监视和自动刷新以及许多其他功能。

$ npm install -g light-server 
$ light-server

在Windows资源管理器中添加到目录上下文菜单中

 reg.exe add HKCR\Directory\shell\LightServer\command /ve /t REG_EXPAND_SZ /f /d "\"C:\nodejs\light-server.cmd\" \"-o\" \"-s\" \"%V\""

简单的JSON REST服务器

如果您需要为原型项目创建一个简单的REST服务器，那么json-server可能就是您想要的。

自动刷新编辑器

现在，大多数网页编辑器和IDE工具都包括一个Web服务器，它将监视您的源文件并在更改时自动刷新您的网页。

我将Live Server与Visual Studio代码一起使用。

开源文本编辑器Brackets还包括一个NodeJS静态Web服务器。只需在Brackets中打开任何HTML文件，然后按“实时预览”，它就会启动静态服务器并在该页面上打开浏览器。只要您编辑和保存HTML文件，浏览器就会自动刷新。这在测试自适应网站时特别有用。在多个浏览器/窗口大小/设备上打开HTML页面。保存您的HTML页面，并立即查看自适应内容是否正常运行，因为它们全部自动刷新。

PhoneGap开发人员

如果您要编写混合移动应用程序，则可能有兴趣知道PhoneGap团队在其新的PhoneGap应用程序中采用了此自动刷新概念。这是一个通用的移动应用程序，可以在开发过程中从服务器加载HTML5文件。这是一个非常巧妙的技巧，因为如果您要更改JS / CSS / HTML文件，则现在可以在混合移动应用程序的开发周期中跳过缓慢的编译/部署步骤，而这通常是您的大部分时间。他们还提供了可检测文件更改的静态NodeJS Web服务器（运行phonegap serve）。

PhoneGap + Sencha Touch开发人员

我现在已经广泛采用了PhoneGap静态服务器和PhoneGap。 Sencha Touch和jQuery Mobile开发人员的开发人员应用程序。在Sencha Touch Live上检查一下。支持--qr QR代码和--localtunnel，可将您的静态服务器从台式机代理到防火墙之外的URL！大量使用。大大提高了混合移动开发人员的速度。

Cordova + Ionic Framework开发人员

本地服务器和自动刷新功能已纳入ionic工具。只需从您的应用程序文件夹中运行ionic serve。甚至更好... ionic serve --lab可以同时查看iOS和Android的自动刷新视图。

#2 楼

您可以为此使用Node.js的Connect and ServeStatic：



通过NPM安装connect and serve-static

$ npm install connect serve-static

使用以下内容创建server.js文件：

var connect = require('connect');
var serveStatic = require('serve-static');

connect()
    .use(serveStatic(__dirname))
    .listen(8080, () => console.log('Server running on 8080...'));

使用Node.js运行

$ node server.js

您现在可以转到http://localhost:8080/yourfile.html

#3 楼

看看这个要点。我在这里复制它以供参考，但是要点已定期更新。


Node.JS静态文件Web服务器。将其放在路径中以启动任何目录中的服务器，并使用可选的端口参数。

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

Update

要点确实处理css和js文件。我自己用过的。在“二进制”模式下使用读/写不是问题。这只是意味着该文件不会被文件库解释为文本，并且与响应中返回的内容类型无关。

代码的问题是，您总是返回一个内容- “文本/纯文本”的类型。上面的代码不返回任何内容类型，但是如果您仅将其用于HTML，CSS和JS，则浏览器可以推断出它们的类型。没有什么内容类型比错误的类型要好。

通常，内容类型是Web服务器的配置。因此，如果这不能解决您的问题，我感到很抱歉，但是它对我来说是一个简单的开发服务器，并认为它可能会对其他人有所帮助。如果确实在响应中需要正确的内容类型，则需要将它们明确定义为joeytwiddle具有，或者使用诸如Connect之类的具有合理默认值的库。这样做的好处是它简单且独立（没有依赖项）。

但是我确实感觉到您的问题。所以这是组合的解决方案。

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

#4 楼

您不需要快递。您不需要连接。 Node.js会本地进行HTTP。您所需要做的就是返回一个依赖于请求的文件：

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)    

更完整的示例可确保请求无法访问基本目录下的文件，并且进行正确的错误处理：

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)

#5 楼

我认为您现在缺少的部分是发送：

Content-Type: text/plain

如果要使用Web浏览器呈现HTML，则应将其更改为：

Content-Type: text/html