【Node.js基础篇】(四)Node.js实现文件路由功能

昨天创建的服务器只是在浏览器请求时简单响应了一下,而今天要创建的服务器是可以根据不同的URL请求响应不同的文件,也就是所谓的文件路由:根据不同的文件请求响应不同的“路”。


第一步:创建文件Luyou.js,在里面声明引用模块的变量和需响应的文件路由

//获取http模块
var http = require("http");
//文件模块
var fs = require('fs');

//主页路由模块,file文件夹里的index.js文件
var index = require('./file/index');
//错误处理文件路径
var error = "./file/error404.html";
//春晓页面路径
var cx = "./file/cunxiao.html";

需提供路由的文件主要包括三个文件,第一个是一个index模块,负责主页的响应;第二个是404错误的错误页面响应;第三个是春晓这首诗的响应页面,文件目录如下:


第二步:实现文件响应函数及404错误响应函数

//函数Response,将HTML、css、js等文件响应给客户端
var Response = function(res,filePath){
    //读取文件,读取完成后给客户端响应
    fs.readFile(filePath,function(err,data){
        if(err){                        //如果失败,就返回错误文件
            if(filePath != error)       //如果失败的不是错误文件,才返回错误文件
                Response(res,error);
        }else{
            res.writeHead(200,{              //响应客户端,将文件内容发回去
                'Content-type':"text/html"});
            res.end(data);
        }
    });
};
//404错误响应文件
var error404 = function(res){
   Response(res,error);
};

该函数使用了fs这一文件模块,用于提取文件里面的内容,提取出来的内容(或错误)都会在回调函数传回来,这也就是node.js非阻塞I/O事件编程思想的体现。


第三步:创建HTTP服务器,根据URL请求的不同实现文件路由并启动服务器

//创建HTTP服务器
var server = http.createServer(function(req,res){
   console.log(req.url);               //在控制台打印请求
    //判断URL,提供不同的路由
    if(req.url == '/index' || req.url == '/') {    //主页
        index.index(res);
    }
    else if(req.url == '/chunxiao') {   //访问cunxiao.html(特意使用中文命名)
       Response(res,cx);
    }
    else {                              //访问其它静态文件,如/stylesheets/index.css
        Response(res,"./file"+req.url);
    }
});

//启动服务器
server.listen('3000',function(){
    console.log("服务器启动");
});

使用node.js(或IDE工具)运行Luyou.js,输入http://localhost:3000/chunxiao时可看到效果:


以上代码均在Luyou.js文件里面,下面附录了春晓.html,error404.html,index.js的代码:

附录

1.index.js

/**
 * Created by Administrator on 2015/3/26.
 */
exports.index = function(res){
    res.writeHead(200,{
        'Content-type':"text/html"});
    res.write('<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />'
        +'床前明月光');
    res.end();
};

2.error404.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<b>错误404:页面没有找到.</b>
</body>
</html>

3.chunxiao.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>春晓</title>
  </head>
<body>

<nav>春晓</nav>
<div id="value">
    <p>春眠不觉晓</p>
    <p>处处闻啼鸟</p>
    <p>夜来风雨声</p>
    <p>花落知多少</p>
</div>
</body>
</html>