ホームページ  >  記事  >  ウェブフロントエンド  >  Nodejs_node.js によって実装された静的サーバー インスタンス

Nodejs_node.js によって実装された静的サーバー インスタンス

WBOY
WBOYオリジナル
2016-05-16 16:28:431297ブラウズ

cnodejs.org の静的サーバーの例を参照して、キャッシュと圧縮を含む次の Nodejs 静的サーバーの例を作成しました。コードは次のとおりです。

コードをコピー コードは次のとおりです:

/**
* 静的ファイルサーバーのテスト例
* ユーザー: xuwm
*日付: 13-5-17
* 時刻: 午前8時38分
* このテンプレートを変更するには、[ファイル] | [ファイル テンプレート] を使用します。
​*/
var port=3333;
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");
//创建http服务端
var server=http.createServer(function(request,response){
    var obj= url.parse(request.url);
    response.setHeader("サーバー","ノード/V8");
    console.log(obj);
    var pathname=obj.pathname;
    if(パス名.スライス(-1)==="/"){
        パス名=パス名 config.Welcome.file;   //默认取当前默认下のindex.html
    }
    var realPath = path.join("assets", path.normalize(pathname.replace(/../g, "")));
    console.log(realPath) ;
    var pathHandle=function(realPath){
    //fs.stat メソッド获取文子
        fs.stat(realPath,function(err,stats){
            if(err){
                response.writeHead(404,"見つかりません",{'Content-Type':'text/plain'});
                response.write("リクエスト " realPath " が見つかりません");
                応答.end();
            }その他{
                if(stats.isDirectory()){
                }その他{
                    var ext = path.extname(realPath);
                    外部 = 外部 ? ext.slice(1) : '不明';
                    var contentType = mime[ext] || "テキスト/プレーン";
                    response.setHeader("Content-Type", contentType);

var lastModified = stats.mtime.toUTCString();
                    var ifModifiedSince = "If-Modified-Since".toLowerCase();
                    response.setHeader("最終更新日", lastModified);

if (ext.match(config.Expires.fileMatch)) {
                        var 期限切れ = new Date();
                        expires.setTime(expires.getTime() config.Expires.maxAge * 1000);
                        response.setHeader("有効期限",expires.toUTCString());
                        response.setHeader("キャッシュ制御", "max-age=" config.Expires.maxAge);
                    }

if (request.headers[ifModifiedSince] && lastModified == request.headers[ifModifiedSince]) {
                        console.log("从浏览器キャッシュ里取")
                        response.writeHead(304, "未変更");
                        応答.end();
                    } else {
                        var raw = fs.createReadStream(realPath);
                        var acceptEncoding = request.headers['accept-encoding'] || "";
                        var matched = ext.match(config.Compress.match);

if (一致 && acceptEncoding.match(/bgzipb/)) {
                            response.writeHead(200, "Ok", {'Content-Encoding': 'gzip'});
                            raw.pipe(zlib.createGzip()).pipe(response);
                        else if (一致 && acceptEncoding.match(/bdeflateb/)) {
                            response.writeHead(200, "Ok", {'Content-Encoding': 'deflate'});
                            raw.pipe(zlib.createDeflate()).pipe(response);
                        } else {
                            response.writeHead(200, "OK");
                            raw.pipe(応答);
                        }
                    }
                }
            }
        });

}
    pathHandle(realPath);
});
サーバー.リッスン(ポート);
console.log("http サーバーはポートで実行されます:" port);

まず、JS ファイルの中にアセットのファイルを作成し、そこに、index.html、demo.js などの、送信される静的ファイルを挿入する必要があります。

実行方法は次のとおりです: コマンド行で上にある JS のファイル名を切り替えてから、ノード JS ファイル名を入力します

デバイス内に http://localhost:3333/ を入力すると、結果が表示されます。

--补上面代码里缺少の 2 つの模倣

mime.js

复制代码代码如下:

エクスポート.タイプ = {

"css": "text/css",

"gif": "image/gif",

"html": "text/html",

"ico": "image/x-icon",

"jpeg": "画像/jpeg",

"jpg": "image/jpeg",

"js": "text/javascript",

"json": "application/json",

"pdf": "アプリケーション/pdf",

"png": "image/png",

"svg": "画像/svg xml",

"swf": "application/x-shockwave-flash",

"tiff": "画像/tiff",

"txt": "テキスト/プレーン",

"wav": "audio/x-wav",

"wma": "audio/x-ms-wma",

"wmv": "video/x-ms-wmv",

"xml": "text/xml"
};

config.js

复制代 代码如下:

エクスポート.Expires = {
    fileMatch: /^(gif|png|jpg|js|css)$/ig,
    最大年齢: 60 * 60 * 24 * 365
};

exports.Compress = {
    一致: /css|js|html/ig
};

exports.Welcome = {
    ファイル: "index.html"
};

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。