Tôi đang cố gắng tạo một máy chủ tệp tĩnh trong nodejs giống như một bài tập để hiểu về nút hơn là một máy chủ hoàn hảo. Tôi biết rõ về các dự án như Connect và node-static và hoàn toàn có ý định sử dụng các thư viện đó để có thêm mã sẵn sàng cho sản xuất, nhưng tôi cũng muốn hiểu những điều cơ bản về những gì tôi đang làm việc. Với ý nghĩ đó, tôi đã mã hóa một server.js nhỏ:

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

Câu hỏi của tôi là gấp đôi

1. Đây có phải là cách "đúng đắn" để tạo và phát trực tuyến html cơ bản, v.v. trong nút hay có phương pháp tốt hơn / thanh lịch hơn / mạnh mẽ hơn không?

2. Có phải .pipe () trong nút về cơ bản chỉ thực hiện những việc sau không?

.

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

Cảm ơn mọi người!

• Máy chủ cơ bản của bạn có vẻ tốt, ngoại trừ:

  Có một returntuyên bố bị thiếu.

  res.write('404 Not Found\n');
  res.end();
  return; // <- Don't forget to return here !!
  

  Và:

  res.writeHead(200, mimeType);

  nên là:

  res.writeHead(200, {'Content-Type':mimeType});

• pipe()Về cơ bản, Yes thực hiện điều đó, nó cũng tạm dừng / tiếp tục luồng nguồn (trong trường hợp máy thu chậm hơn). Đây là mã nguồn của pipe()hàm: https://github.com/joyent/node/blob/master/lib/stream.js

Càng đơn giản càng đẹp

Chỉ cần truy cập dấu nhắc lệnh đầu tiên trong dự án của bạn và sử dụng

$ npm install express

Sau đó viết mã app.js của bạn như sau:

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

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

Sau đó, bạn sẽ tạo một thư mục "công cộng" nơi bạn đặt các tệp của mình. Tôi đã thử nó theo cách khó hơn đầu tiên nhưng bạn phải lo lắng về các loại kịch câm chỉ là phải lập bản đồ các thứ tốn thời gian và sau đó lo lắng về các loại phản hồi, v.v. vv vv ... không cảm ơn bạn.

Tôi cũng muốn hiểu những gì đang diễn ra.

Tôi nhận thấy một số điều trong mã của bạn mà bạn có thể muốn xóa:

• Nó bị treo khi tên tệp trỏ đến một thư mục, vì tồn tại là đúng và nó cố gắng đọc một luồng tệp. Tôi đã sử dụng fs.lstatSync để xác định sự tồn tại của thư mục.

• Nó không sử dụng đúng mã phản hồi HTTP (200, 404, v.v.)

• Trong khi MimeType đang được xác định (từ phần mở rộng tệp), nó không được đặt chính xác trong res.writeHead (như người quản lý đã chỉ ra)

• Để xử lý các ký tự đặc biệt, bạn có thể muốn bỏ bố cục tiểu

• Nó tuân theo các liên kết tượng trưng một cách mù quáng (có thể là một mối lo ngại về bảo mật)

Do đó, một số tùy chọn apache (FollowSymLinks, ShowIndexes, v.v.) bắt đầu có ý nghĩa hơn. Tôi đã cập nhật mã cho máy chủ tệp đơn giản của bạn như sau:

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

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

Làm thế nào về mẫu này, tránh kiểm tra riêng rằng tệp tồn tại

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

Tôi đã tạo một hàm httpServer với các tính năng bổ sung để sử dụng chung dựa trên câu trả lời của @Jeff Ward

1. sữa trứng
2. index.html trả về nếu req === dir

Sử dụng:

httpServer(dir).listen(port);

https://github.com/kenokabe/ConciseStaticHttpServer

Cảm ơn.

các mô-đun st làm phục vụ các tập tin tĩnh dễ dàng. Đây là phần trích xuất của 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)

Câu trả lời @JasonSebring đã chỉ cho tôi đi đúng hướng, tuy nhiên mã của anh ấy đã lỗi thời. Đây là cách bạn thực hiện với connectphiên bản mới nhất .

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

Trong connect GitHub Repository có các phần mềm trung gian khác mà bạn có thể sử dụng.