NodeJS 静态文件服务器

热度 ℃

NodeJS 使用 http 实现静态文件服务器。

app.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
var PORT = 8000;
var http = require("http");
var url = require("url");
var path = require("path");
var fs = require("fs");
var util = require("util");
var mime = require("./mime").types;
var configExpires = require("./config").Expires;
var configCompress = require("./config").Compress;
var zlib = require('zlib');
var server = http.createServer(function (req, resp) {
	var reqURI = url.parse(req.url);
	var pathname = reqURI.pathname;
	if(pathname == '/favicon.ico') {
		return resp.end("/favicon.icon");
	}
	var realpath = path.join(__dirname + "/assets", pathname);
	
	var ext = path.extname(realpath);
	ext = ext ? ext.slice(1) : 'unknown';
	if(ext.match(configExpires.fileMatch)){
		var expires = new Date();
		expires.setTime(expires.getTime() + configExpires.maxAge * 1000);
		resp.setHeader('Expires', expires.toUTCString());
		resp.setHeader('Cache-Control', 'max-age=' + configExpires.maxAge);
	}
	var contentType = mime[ext] || 'text/plain';
	if(contentType.indexOf('text')>=0){
		contentType += "; charset=utf-8";
	}
	var acceptEncoding = req.headers['accept-encoding'];
	console.log(acceptEncoding);
	fs.stat(realpath, function cb (err, stat) {
		if(err){
			resp.writeHead(404, {
				'Content-Type': contentType,
			});
			return resp.end("文件不存在!");
		}
		var lastModified = stat.mtime.toUTCString();
		resp.setHeader('Last-Modified', lastModified);
		if(req.headers['if-modified-since'] && lastModified == req.headers['if-modified-since']){
			resp.writeHead(304, 'Not Modified');
			return resp.end();
		}
		var raw = fs.createReadStream(realpath);
		var matchCompress = ext.match(configCompress.match);
		if(matchCompress && acceptEncoding.match(/\bgzip\b/)){
			console.log("compress:" + contentType);
			resp.writeHead(200, {
				'Content-Type': contentType,
				'Content-Encoding': 'gzip',
			});
			return raw.pipe(zlib.createGzip()).pipe(resp);
		}
		if(matchCompress && acceptEncoding.match(/\deflate\b/)){
			resp.writeHead(200, {
				'Content-Type': contentType,
				'Content-Encoding': 'deflate',
			});
			return raw.pipe(zlib.createDeflate()).pipe(resp);
		}
		resp.writeHead(200, {
			'Content-Type': contentType,
		});
		raw.pipe(resp);
		// fs.readFile(realpath, function cb (err, data) {
		// 	console.log(data.length);
		// 	resp.writeHead(200, {
		// 		'Content-Type': contentType,
		// 	});
		// 	resp.write(data, "binary");
		// 	resp.end();
		// });
	});
});
server.listen(PORT);
// [Node.js静态文件服务器](http://lib.csdn.net/article/nodejs/10831)

mime.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
exports.types = {
    "css": "text/css",
    "gif": "image/gif",
    "html": "text/html",
    "ico": "image/x-icon",
    "jpeg": "image/jpeg",
    "jpg": "image/jpeg",
    "js": "text/javascript",
    "json": "application/json",
    "pdf": "application/pdf",
    "png": "image/png",
    "svg": "image/svg+xml",
    "swf": "application/x-shockwave-flash",
    "tiff": "image/tiff",
    "txt": "text/plain",
    "wav": "audio/x-wav",
    "wma": "audio/x-ms-wma",
    "wmv": "video/x-ms-wmv",
    "xml": "text/xml"
};

config

  • 为指定几种后缀的文件，在响应时添加 Expires 头和 Cache-Control: max-age 头。超时日期设置为1年。
  • 由于是静态文件服务器，为所有请求，响应时返回 Last-Modified 头。
  • 为带 If-Modified-Since 的请求头，做日期检查，如果没有修改，则返回304。若修改，则返回文件。
1
2
3
4
5
6
7
8
exports.Expires = {
	fileMatch: /^(gif|png|jpg|js|css)$/ig,
	maxAge: 60 * 60 * 24 * 355,
};
exports.Compress = {
	match: /css|js|html/ig,
};
  • 浏览器在发送请求之前由于检测到 Cache-Control 和 Expires（Cache-Control 的优先级高于 Expires，但有的浏览器不支持 Cache-Control，这时采用 Expires），如果没有过期，则不会发送请求，而直接从缓存中读取文件。
  • 我们同时也要检测浏览器是否发送了 If-Modified-Since 请求头。如果发送而且跟文件的修改时间相同的话，返回304状态。