Node.js靜態文件伺服器改進版

来源:http://www.cnblogs.com/chenjianxiang/archive/2016/01/09/5117453.html
-Advertisement-
Play Games

首先還是先感謝github,感謝github上提供此段源碼的作者。跟昨晚的來比今天的靜態文件伺服器有點點複雜些,可以學到很多新的東西。仔細會發現這次的代碼多了一個fs.stat函數和ReadStream對象的pipe函數,stat這個函數是用來獲取文件信息。第一個參數是傳入文件路徑,第二個則是回調函...


首先還是先感謝github,感謝github上提供此段源碼的作者。跟昨晚看的靜態文件伺服器來比今天的靜態文件伺服器稍微複雜些,可以學到很多新的東西。
仔細會發現這次的代碼多了一個fs.stat函數和ReadStream對象的pipe函數,stat這個函數是用來獲取文件信息。第一個參數是傳入文件路徑,第二個則是回調函數,回調函數的第二個參數stats的屬性為文件的基本信息。pipe函數用於將這個可讀流和destination目標可寫流連接起來,傳入這個流中的數據將會寫入到destination流中。通過在必要時暫停和恢復流,來源流和目的流得以保持同步。

該靜態文件伺服器的改進點在於使用了Last-Modified和If-Modified-Since報文頭,可以不必要給瀏覽器返回它已經存在的文件。順便可以根據瀏覽器請求資源的壓縮方式返回給資源進行gzip或者deflate壓縮。

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


Expires欄位聲明瞭一個網頁或URL地址不再被瀏覽器緩存的時間,一旦超過了這個時間,瀏覽器都應該聯繫原始伺服器。這裡設置失效時間為1年。

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


枚舉各種資源的類型,可根據擴展名設置Content-Type。

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

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 經常被ORACLE坑,作為一個只需要開發時候連連ORACLE的程式員,在經歷了一次又一次的折騰之後,決定還是把這些瑣碎的事情寫下來。經常在虛擬機中使用ORACLE,ORACLE的網路配置有一些變化就掛了,我對這個也是服了,經常莫名其妙的問題提示。歸結起來就是設置好了ORACLE之後不能改配置,改過了...
  • 棧(stack)、堆(heap)概念:堆和棧都是數據結構,是一個特殊的存儲區,主要用來暫時存放數據和地址。棧:其同數據結構中的棧類似。用於存儲參數和局部變數。該存儲空間不用申請,有操作系統自動分配和釋放。 棧在中文中就說一個倉庫,所以類似倉庫你先放進去的最後才能取出。也就類似先放進去的最後釋放。.....
  • 真機測試步驟1.運行Xcode,Xcode打開後,點左上角菜單'Xcode',點'Preferences'。2.在打開的視窗中,點'Accounts',切換到賬號頁,然後點下麵的'+'號,在彈出菜單中點擊'Add Apple ID'。3.在彈出的對話框中,填入你的AppleID和密碼(不需要$99的...
  • 部分代碼 InteractiveTransition 類繼承NSObject:- (instancetype)initWithPresentingController:(UITableViewController *)presentingVc presentedController:(UIViewC...
  • [1]typeof [2]Object.prototype.toString [3]constructor [4]instanceof
  • 雖然javascript是一門面向對象的編程語言,但這門語言同時也同時擁有許多函數式語言的特性。函數式語言的鼻祖是LISP,javascript設計之初參考了LISP兩大方言之一的Schenme,引入了Lambda表達式,閉包,高階函數等特性。使用這些特性,我們就可以靈活的編寫javascript代...
  • 超時調用需要使用window.setTimeout(code,millisec)方法它接受兩個參數:要執行的代碼和以毫秒錶示的時間(即在執行代碼前需要等待多少毫秒)。其中第一個參數可以是一個包含JS代碼的字元串(就和在eval()函數中使用的字元串一樣),也可以是一個函數。第二個參數表示等待多長時間...
  • 照例,現在開頭講個這個問題發生的背景吧: 因為最近要做個操作選項的呼出,然後就想到了用預設隱藏,滑鼠划過的時候顯示的方法。 剛開始打算添加一個class="active",直接觸發mouseover(或者mouseenter)的時候add,mouseout(或者mouseleave)的時候remov...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...