Zunächst möchte ich Github und dem Autor danken, der diesen Quellcode auf Github bereitgestellt hat. Der heutige statische Dateiserver ist etwas komplizierter als der von gestern Abend, und Sie können viele neue Dinge lernen.
Wenn Sie genau hinschauen, werden Sie feststellen, dass der Code dieses Mal eine fs.stat-Funktion und eine Pipe-Funktion des ReadStream-Objekts enthält. Die stat-Funktion wird zum Abrufen von Dateiinformationen verwendet. Der erste Parameter ist der übergebene Dateipfad und der zweite ist die Rückruffunktion. Das Attribut der zweiten Parameterstatistik der Rückruffunktion ist die Grundinformation der Datei. Die Pipe-Funktion wird verwendet, um diesen lesbaren Stream mit dem beschreibbaren Ziel-Stream zu verbinden. Die in diesen Stream übergebenen Daten werden in den Ziel-Stream geschrieben. Quell- und Zielstreams werden synchron gehalten, indem die Streams bei Bedarf angehalten und fortgesetzt werden.
Die Verbesserung dieses statischen Dateiservers ist die Verwendung von Last-Modified- und If-Modified-Since-Headern, wodurch die Notwendigkeit entfällt, bereits vorhandene Dateien an den Browser zurückzugeben. Übrigens kann die Ressource gemäß der Komprimierungsmethode der Browseranforderungsressource für die GZIP- oder Deflate-Komprimierung an die Ressource zurückgegeben werden.
var PORT = 8000; var http = require("http"); var url = require("url"); var fs = require("fs"); var path = require("path"); var mime = require("./mime").types; var config = require("./config"); var zlib = require("zlib"); var server = http.createServer(function(request, response) { response.setHeader("Server", "Node/V5"); var pathname = url.parse(request.url).pathname; console.log("url = " + pathname); if (pathname.slice(-1) === "/") { pathname = pathname + config.Welcome.file; } var realPath = __dirname + "/" + path.join("assets", path.normalize(pathname.replace(/\.\./g, ""))); console.log("realPath = " + realPath); var pathHandle = function (realPath) { fs.stat(realPath, function (err, stats) { if (err) { response.writeHead(404, "Not Found", {'Content-Type': 'text/plain'}); response.write("stats = " + stats); response.write("This request URL " + pathname + " was not found on this server."); response.end(); } else { if (stats.isDirectory()) { realPath = path.join(realPath, "/", config.Welcome.file); pathHandle(realPath); } else { var ext = path.extname(realPath); ext = ext ? ext.slice(1) : 'unknown'; var contentType = mime[ext] || "text/plain"; response.setHeader("Content-Type", contentType); //获得文件的修改时间 var lastModified = stats.mtime.toUTCString(); var ifModifiedSince = "If-Modified-Since".toLowerCase(); //设置Last-Modified //服务器给浏览器返回文件最后一次修改时间Last-Modified response.setHeader("Last-Modified", lastModified); if (ext.match(config.Expires.fileMatch)) { var expires = new Date(); expires.setTime(expires.getTime() + config.Expires.maxAge * 1000); response.setHeader("Expires", expires.toUTCString()); response.setHeader("Cache-Control", "max-age=" + config.Expires.maxAge); } //服务器接收浏览器发送过来的If-Modified-Since报文头 //日期相同表示该资源没有变化则返回304 //告诉浏览器该资源你已经有了,不需要再请求了 if (request.headers[ifModifiedSince] && lastModified == request.headers[ifModifiedSince]) { response.writeHead(304, "Not Modified"); response.end(); } else { var raw = fs.createReadStream(realPath); var acceptEncoding = request.headers['accept-encoding'] || ""; var matched = ext.match(config.Compress.match); if (matched && acceptEncoding.match(/\bgzip\b/)) { response.writeHead(200, "Ok", {'Content-Encoding': 'gzip'}); raw.pipe(zlib.createGzip()).pipe(response); } else if (matched && acceptEncoding.match(/\bdeflate\b/)) { response.writeHead(200, "Ok", {'Content-Encoding': 'deflate'}); raw.pipe(zlib.createDeflate()).pipe(response); } else { response.writeHead(200, "Ok"); raw.pipe(response); } } } } }); }; pathHandle(realPath); }); server.listen(PORT); console.log("Server runing at port: " + PORT + ".");
Das Feld „Abgelaufen“ gibt die Zeit an, zu der eine Webseite oder URL-Adresse nicht mehr vom Browser zwischengespeichert wird. Sobald diese Zeit überschritten ist, sollte der Browser den ursprünglichen Server kontaktieren. Die Ablaufzeit ist hier auf 1 Jahr eingestellt.
exports.Expires = { fileMatch: /^(gif|png|jpg|js|css)$/ig, maxAge: 60*60*24*365 }; exports.Compress = { match: /css|js|html/ig }; exports.Welcome = { file: "index.html" };
Listen Sie die Typen verschiedener Ressourcen auf und legen Sie den Inhaltstyp entsprechend der Erweiterung fest.
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" };