本课重点：学习如何用Node.js创建一个静态网站服务器,并实现根据用户请求的不同的URL，响应对应的页面。掌握其中基本原理。

一.首先加载把所有需要用到的模块

创建静态网站服务器需要用到http服务模块url路由模块和fs文件服务模块。

//加载http服务模块
const http = require('http')
//设置服务器ip
const ip = '127.0.0.1';
//加载url路由模块
const url = require('url');
//加载fs文件服务模块
const fs = require('fs');

二.创建HTTP服务器

实例化一个http服务

const server = new http.Server();

监听一个端口，注意不要和系统其它服务端口冲突就行

//监听端口5700
server.listen(5700,ip);

三.监听请求，并设置相应的回调函数执行相应的操作

代码如下：

//使用on方法注册事件处理，该事件会一直被监听，任何的请求都会进入回调函数并执行相应的操作
server.on('request',function(request,response){//当有request请求的时候触发处理函数
//解析请求的url，获取请求的资源路径
var pathName = url.parse(request.url).pathname;

//监听请求的网站，以当前脚本目录为根目录的url地址
console.log(pathName);

//判断请求的路径信息
switch(pathName){
//处理请求的网站根目录,指定加载对应的文件夹,一般以根目录的index.html为默认,也可以通过配置文件来配置
case '/'||'/index' : fs.readFile("./index.html",function(err,content){//打开对应的请求文件
                        //如果有错误，输出错误信息，也可以自己定义错误信息
                        if(err){//并告诉相应头文件，返回的类型
                            response.writeHead(404,{'Content-Type':'text/plain;charset=utf-8'});
                            response.write(err.message);
                            response.end();
                        }else{//请求成功返回数据并告诉相应头文件，返回的类型
                            response.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});
                            //返回的内容，有时候还会加上buter数据类型
                            response.write(content);
                            //结束响应，不写的话会一直处于响应状态，页面不会显示内容
                            response.end();
                        }
});
break;

四.对本地静态资源文件做类型判断

代码如下:这里使用闭包的方式

//处理来自本地目录的文件,主要是一些静态资源文件
default:
    //去掉'/'
    var filename = pathName.substring(1);
    var type = getType(filename.substring(filename.lastIndexOf('.')+1));
    console.log(filename);
    //获取文件类型 css js...
    //异步读取文件，并将内容作为单独的数据模块传给回调函数
    fs.readFile(filename,function(err,content){
        if(err){
            response.writeHead(404,{'Content-Type':'text/plain;charset=utf-8'});
            response.write(err.message);
            response.end();
        }else{
            response.writeHead(200,{'Content-Type':type});
            response.write(content);
            response.end();
        }
    });
    break;
}

});

当然还需要在外面实现这个用来判断文件类型的闭包函数

 //定义一个用来判断文件类型的函数
 function getType(endTag){
var type=null;
switch(endTag){
    case 'html':
        type = 'text/html;charset=utf-8';
        break;
    case 'htm' :
        type = 'text/html;charset=utf-8';
        break;
    case 'css' :
        type = 'text/css';'charset=utf-8';
        break;
    case 'js'  :
        type = 'application/javascript;charset=utf-8';
        break;
    case 'txt' :
        type = 'text/plain;charset=utf-8';
        break;
    case 'manifest' :
        type = 'text/cache-manifest;charset="utf-8"';
        break;
    default :
        type = 'application/octet-stream';
        break;

}
return type;
}