文件内容作为服务器的响应练习

/**
 * 创建一个服务
 * GET  /index.html     响应当前目录下 public 目录中 index.html 文件内容
 * GET  /css/app.css    响应当前目录下 public 目录中 css/app.css 文件内容
 * GET  /js/app.js    响应当前目录下 public 目录中 js/app.js 文件内容
 */

 //获取fs文件模块
 const fs= require('fs');
 //获取将请求的url模块

 const urltool= require('url');

 //创建服务
require('http').createServer((request, response)=>{
    // 获取请求方式
    let method= request.method.toUpperCase();
    //获取url路径
    let pathname= urltool.parse(request.url).pathname;
    // 看我打印结果
    console.log(pathname)
 // /css/app.css拿着这个路径进入下面判断
    //判断请求方式和路径 /public/css/app.css 不满足条件，
    // 所有条件都不满足.也就是都没有进入任何一个判断，没进入判断，就没有相应内容，外面就会一直在等待
    // 这样的话自然就读不到内容
   
    if(method==='GET' && pathname === '/index.html'){
        const fd = fs.createReadStream(__dirname+'\\public\\index.html')
        fd.pipe(response)  
        // fs.readFile(__dirname+'\\public\\index.html', (err, data)=>{
        //     if(err){
        //         //返回状态吗
        //         response.statusCode=404;
        //         response.end('404')
        //         return;
        //     }

        //     response.end(data)
        // });

        ///css/app.css
    }else if(method==='GET' && pathname==='/app.css'){
        const fd = fs.createReadStream(`${__dirname}\\public\\css\\app.css`)
        fd.pipe(response) 
        // fs.readFile(`${__dirname}\\public\\css\\app.css`, (err, data)=>{
        //     if(err){
        //         //返回状态吗
        //         response.statusCode=404;
        //         response.end('404')
        //         return;
        //     }

        //     response.end(data)
        // });
    }else if(method==='GET' && pathname==='/app.js'){
        //创建读取流
        const fd = fs.createReadStream(`${__dirname}\\public\\js\\app.js`)
        fd.pipe(response)
        // fs.readFile(`${__dirname}\\public\\js\\app.js`, (err,data)=>{
        //     if(err){
        //         //返回状态吗
        //         response.statusCode=404;
        //         response.end('404')
        //         return;
        //     }

        //     response.end(data)
        // })
    }else{
        response.setHeader('Content-type','text/plain;charset=utf-8');
        response.end('你的路径输入不正确')
    }
    

}).listen(8000, ()=>{
    console.log('node服务开启了')
});

 

2.升级版，对文件路径和报文的url关联，不用每次判断路径

// static 静态. 通过 URL 访问文件夹中的静态资源
// 静态资源  长时间内容不发生改变的资源
// HTML  CSS  JS  图片  字体文件 音频 视频  属于静态资源

/**
 * GET   /index.html     返回 public/index.html 的文件内容
 * GET   /css/app.css     返回 public/css/app.css 的文件内容
 * GET   /js/app.js     返回 public/js/app.js 的文件内容
 */
const fs = require("fs");
const http = require("http");
const urlTool = require("url");

const server = http.createServer((request, response) => {
    //提取参数 get  Get
    let method = request.method.toUpperCase();
    let pathname = urlTool.parse(request.url).pathname; //将request.url转换成对象，获取pathname

    // console.log(pathname);//  /index.html     =>    public/index.html
                         //   /css/app.css    =>    public/css/app.css
    //拼接文件路径
    let filePath = __dirname + '/public'+pathname;
    // let filePath = __dirname + '\\public' + pathname.replace(/\//g,"\\");
    
    //读取文件的内容fs.existsSync(filePath),判断文件路径是否存在
    if(fs.existsSync(filePath) && method === "GET"){
        //读取对应的文件内容
        fs.readFile(filePath, (err, data)=>{
            if(err){  //如果是存在的文件夹，就会报错。readFile方法是操作文件的
                //如果读取出错
                response.statusCode = 500;
                response.end("<h1>500 Internal Server Error</h1>");
                return;
            }
            response.end(data);
        });
    }else{
        //如果文件不存在
        response.statusCode = 404;
        response.end("<h1>404 Not Found</h1>")
    }
});

server.listen(8000, () => {
    console.log("service running, 8000 端口监听中......");
})