码迷,mamicode.com
首页 > Web开发 > 详细

面向于初学者的Node.js学习笔记 01 搭建静态服务器

时间:2015-07-03 22:04:07      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:

    希望这篇文章能解决你这样一个问题:“我现在已经了解了一些Node.Js基本概念了,怎么搭一台静态服务器呢?”

    请参考一下博主的前两篇文章:

    完全面向于初学者的Node.js指南

    Node.Js的Module System 以及一些常用 Module

    本文实现的效果(样式就没做了,大家将就下):

    技术分享技术分享

    列出的代码均测试可用,大家放心。

 

What is static server?

     静态服务器,有了它呢,就可以让外部访问到咱们的静态网页。在功能上:它可以给用户发送文件(如:HTML, CSS, Js等)。正如上一篇文章所说:

   Node.js本身并不是像IIS,Apache一样的webserver,它是一个JavaScript 的运行环境。所以,我们需要进行编码才能实现一个真正的京台服务器。

 

File stucture

    技术分享后台目录建立如下,比较常规。大家可以随意定义目录结构,代码上相应地方改动一下就好。

 

app.js

   本文的重点在于接下来的server模块,就不介绍app.js里的代码啦。(把主线代码写在app.js中是个不成文的约定,无需遵守,随意,随意。。。)

var http = require(‘http‘);
var path = require(‘path‘);
//引入我们自己编写的server模块
var server = require(‘./server.js‘);

http.createServer(function (request, response) {
    //以下的判断用来做简单的路由    
    if (request.url == "/") {
        filePath = path.join(__dirname, ‘/public/index.html‘);
    } else {
        filePath = path.join(__dirname, ‘/public‘ + request.url);
    }
    server.serveStatic(response, filePath);
}).listen(/*侦听4000端口*/4000, function () { 
    console.log("Server listening on port 4000");
});

MIME

    静态服务器有一个必须实现的功能即为在HTTP报文中指定MIME type. WIKI MIME

    我们会引用一个第三方组件mime,通过npm安装,该组件可以根据文件的extension name映射mime type.

     所以,请在根目录运行一下 npm install mime --save

 

server.js

   

var fs = require(‘fs‘);
//provide the ability to derive a mime type based on the filename extension
var mime = require(‘mime‘);

var cache = {};

//这不是IIS,Apache所以404必须自定义一下,
function send404(response) {
    response.writeHead(200, { "Content-Type": "text/html" });
    response.write("<h1>ERROR 404 FILE NOT FOUND</h1>");
    response.end();
}

//向客户端发送文件
function sendFile(response, filePath, fileContents) {
    response.writeHead(200, { "Content-Type": mime.lookup(filePath) });
    response.end(fileContents);
}

//这个函数导出,给主模块使用
function serveStatic(response, absPath) {
    if (cache[absPath]) {
        sendFile(response, absPath, cache[absPath]);
    } else {
        fs.exists(absPath, function (exists) {
            if (exists) {
                fs.readFile(absPath, function (err, data) {
                    if (err) {
                        send404(response);
                    } else {
                        cache[absPath] = data;
                        sendFile(response, absPath, data);
                    }
                });
            }
            else {
                send404(response);
            }
        });
    }
}

exports.serveStatic = serveStatic;

 

     解释部分如注释。。。至此,编码部分就完啦。

How to test

    我们可以在./public 下放一个index.html 内容随意。。。node 跑起来后,只要输入 http://localhost:4000 返回的是它,输入http://localhost:4000/XXX  返回的是404,那么,静态服务器就搭起来了。

 

Summary

    这个DEMO过于简单,应该不能满足大家胃口。下篇文章会介绍如何搭一个动态的网站(以Restful service为例)。

 

 

面向于初学者的Node.js学习笔记 01 搭建静态服务器

标签:

原文地址:http://www.cnblogs.com/E-WALKER/p/4619709.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!