NodeJSの基本的な静的ファイルサーバー

Question 1

私は、完全なサーバーとしてではなく、ノードを理解するための演習として、nodejsで静的ファイルサーバーを作成しようとしています。私はConnectやnode-staticのようなプロジェクトをよく知っており、これらのライブラリをより本番環境に対応したコードに使用するつもりですが、私が取り組んでいるものの基本も理解したいと思います。それを念頭に置いて、私は小さなserver.jsをコーディングしました。

var http = require('http'),
    url = require('url'),
    path = require('path'),
    fs = require('fs');
var mimeTypes = {
    "html": "text/html",
    "jpeg": "image/jpeg",
    "jpg": "image/jpeg",
    "png": "image/png",
    "js": "text/javascript",
    "css": "text/css"};

http.createServer(function(req, res) {
    var uri = url.parse(req.url).pathname;
    var filename = path.join(process.cwd(), uri);
    path.exists(filename, function(exists) {
        if(!exists) {
            console.log("not exists: " + filename);
            res.writeHead(200, {'Content-Type': 'text/plain'});
            res.write('404 Not Found\n');
            res.end();
        }
        var mimeType = mimeTypes[path.extname(filename).split(".")[1]];
        res.writeHead(200, mimeType);

        var fileStream = fs.createReadStream(filename);
        fileStream.pipe(res);

    }); //end path.exists
}).listen(1337);

私の質問は2つあります

これは、ノードで基本的なhtmlなどを作成してストリーミングするための「正しい」方法ですか、それともより優れた/よりエレガントな/より堅牢な方法がありますか？
ノードの.pipe（）は基本的に次のことをしているだけですか？

。

var fileStream = fs.createReadStream(filename);
fileStream.on('data', function (data) {
    res.write(data);
});
fileStream.on('end', function() {
    res.end();
});

みんな、ありがとう！

Question 2

基本的なサーバーは、次の点を除いて見栄えがします。

return欠落しているステートメントがあります。
```
res.write('404 Not Found\n');
res.end();
return; // <- Don't forget to return here !!
```
そして：

res.writeHead(200, mimeType);

する必要があります：

res.writeHead(200, {'Content-Type':mimeType});
はいpipe()、基本的にはそうですが、ソースストリームも一時停止/再開します（レシーバーの速度が遅い場合）。pipe()関数のソースコードは次のとおりです：https：//github.com/joyent/node/blob/master/lib/stream.js

Question 3

少ないほうがいいですね

プロジェクトで最初にコマンドプロンプトに移動して、

$ npm install express

次に、app.jsコードを次のように記述します。

var express = require('express'),
app = express(),
port = process.env.PORT || 4000;

app.use(express.static(__dirname + '/public'));
app.listen(port);

次に、ファイルを配置する「パブリック」フォルダを作成します。最初はもっと難しい方法で試しましたが、時間のかかるものをマッピングするだけのmimeタイプについて心配し、次に応答タイプなどについて心配する必要があります。ありがとうございます。

Question 4

内部で何が起こっているのかを理解するのも好きです。

コード内で、おそらくクリーンアップしたいことがいくつかあることに気づきました。

存在が真であり、ファイルストリームを読み取ろうとするため、ファイル名がディレクトリを指すとクラッシュします。fs.lstatSyncを使用してディレクトリの存在を確認しました。
HTTP応答コードを正しく使用していません（200、404など）
MimeTypeが（ファイル拡張子から）決定されている間、res.writeHeadで正しく設定されていません（steweが指摘したように）
特殊文字を処理するには、おそらくURIをエスケープ解除する必要があります
シンボリックリンクを盲目的にたどります（セキュリティ上の懸念がある可能性があります）

これを考えると、いくつかのapacheオプション（FollowSymLinks、ShowIndexesなど）がより意味をなし始めます。単純なファイルサーバーのコードを次のように更新しました。

var http = require('http'),
    url = require('url'),
    path = require('path'),
    fs = require('fs');
var mimeTypes = {
    "html": "text/html",
    "jpeg": "image/jpeg",
    "jpg": "image/jpeg",
    "png": "image/png",
    "js": "text/javascript",
    "css": "text/css"};

http.createServer(function(req, res) {
  var uri = url.parse(req.url).pathname;
  var filename = path.join(process.cwd(), unescape(uri));
  var stats;

  try {
    stats = fs.lstatSync(filename); // throws if path doesn't exist
  } catch (e) {
    res.writeHead(404, {'Content-Type': 'text/plain'});
    res.write('404 Not Found\n');
    res.end();
    return;
  }


  if (stats.isFile()) {
    // path exists, is a file
    var mimeType = mimeTypes[path.extname(filename).split(".").reverse()[0]];
    res.writeHead(200, {'Content-Type': mimeType} );

    var fileStream = fs.createReadStream(filename);
    fileStream.pipe(res);
  } else if (stats.isDirectory()) {
    // path exists, is a directory
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.write('Index of '+uri+'\n');
    res.write('TODO, show index?\n');
    res.end();
  } else {
    // Symbolic link, other?
    // TODO: follow symlinks?  security?
    res.writeHead(500, {'Content-Type': 'text/plain'});
    res.write('500 Internal server error\n');
    res.end();
  }

}).listen(1337);

Question 5

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

var server = http.createServer(function (req, res) {
  res.writeHead(200, { 'content-type': 'text/plain' })

  fs.createReadStream(process.argv[3]).pipe(res)
})

server.listen(Number(process.argv[2]))

Question 6

ファイルが存在することを個別にチェックすることを回避するこのパターンはどうですか

        var fileStream = fs.createReadStream(filename);
        fileStream.on('error', function (error) {
            response.writeHead(404, { "Content-Type": "text/plain"});
            response.end("file not found");
        });
        fileStream.on('open', function() {
            var mimeType = mimeTypes[path.extname(filename).split(".")[1]];
            response.writeHead(200, {'Content-Type': mimeType});
        });
        fileStream.on('end', function() {
            console.log('sent file ' + filename);
        });
        fileStream.pipe(response);

Question 7

@Jeff Wardの回答に基づいて、一般的な使用法のための追加機能を備えたhttpServer関数を作成しました

custtomdir
index.htmlは、req === dirの場合に戻ります

使用法：

httpServer(dir).listen(port);

https://github.com/kenokabe/ConciseStaticHttpServer

ありがとう。

Question 8

番目のモジュールは、簡単な静的ファイルを提供します。README.mdの抜粋は次のとおりです。

var mount = st({ path: __dirname + '/static', url: '/static' })
http.createServer(function(req, res) {
  var stHandled = mount(req, res);
  if (stHandled)
    return
  else
    res.end('this is not a static file')
}).listen(1338)

Question 9

@JasonSebringの回答は私を正しい方向に向けましたが、彼のコードは古くなっています。最新connectバージョンでこれを行う方法は次のとおりです。

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

var app = connect()
    .use(serveStatic('public'))
    .use(serveIndex('public', {'icons': true, 'view': 'details'}))
    .listen(3000);

でconnect GitHubのリポジトリに使用できる他のミドルウェアがあります。