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
更多相關文章
  • 1、欄位上移修改點:兩個子類擁有相同的欄位做法:將該欄位移至父類2、函數上移修改點:有些函數,在各個子類中產生完全相同的效果做法:將該函數移至父類有一種特殊情況也需要這麼做:子類函數覆蓋了父類的,但是仍然做著相同的工作在此重構中你可能會遇到一種情況,就是你提煉的函數調用了子類有而父類沒有的函數,那麼...
  • 筆者主要給大家介紹8款.Net反編譯的利器:Reflector、ILspy、de4dot、JustDecompile、dnSpy、dotPeek、NETUnpack、DotNet Id、Simple Assembly Explorer其中DotNet Id是查殼工具、NETUnpack是脫殼工具、S...
  • 轉載自:http://blog.jobbole.com/89064/托管資源指的是.NET可以自動進行回收的資源,主要是指托管堆上分配的記憶體資源。托管資源的回收工作是不需要人工干預的,有.NET運行庫在合適調用垃圾回收器進行回收。非托管資源指的是.NET不知道如何回收的資源,最常見的一類非托管資源....
  • 下麵的介紹以karma能正常運行為前提,看karma系列文章:http://www.cnblogs.com/laixiangran/tag/Karma/目錄結構步驟安裝npm install angular --save-devnpm install angular-mocks --save-dev...
  • 下麵的介紹以karma能正常運行為前提,看karma系列文章:http://www.cnblogs.com/laixiangran/tag/Karma/目錄結構步驟安裝npm install karma-requirejs --save-devkarma.conf.js/*** * Created ...
  • 首先javascript不是瀏覽器的附屬品,只能說它大多數的運行環境是在瀏覽器中的,但又不僅僅局限於瀏覽器中。它是一門真正的程式設計語言,在這方面它和java、c、c++、c#是等同的,只不過它不直接和操作系統打交道,這也是它相比於其他語言有些特殊和看似簡單的地方。這種問題的根源在於它的翻譯器,.....
  • 慕課網學到的用css3製作立體導航,受益匪淺,配合前段時間學的二級導航,有空試,哈哈!內容簡單,但偽類after的使用需要註意!經過修改的最終效果圖:涉及css3的知識點包括:圓角特效:border-radius: 10px;盒子陰影:box-shadow: 2px 5px 0px #0000cc;...
  • 作者:^_^肥仔John 來源:CSS3魔法堂:CSS3濾鏡及Canvas、SVG和IE濾鏡替代方案詳解IE特有的濾鏡常常作為CSS3各種新特性的降級處理補充,而Adobe轉向HTML5後與Chrome合作推出CSS3的Filter特性,因此當前僅Webkit內核的瀏覽器支持CSS3 Filter....
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...