美文网首页Javascript 知识点逐步分析与解剖Web前端之路饥人谷技术博客
Node.js初级 - 2. 完善本地服务器(如何进行文件操作)

Node.js初级 - 2. 完善本地服务器(如何进行文件操作)

作者: 素弥 | 来源:发表于2017-02-16 17:40 被阅读80次

    上一节已经搭建好了一个服务器,但是还是存在许多问题的:

    • 虽然现在可以通过你的请求来给你返回数据,但是这些东西都写在 switch 内,当页面很多时,代码就会变得非常冗余

    • 接收到请求后返回的数据现在只能是文字类型,如果请求图片或者音乐等等,则这个方法是无法使用的

    • 每次更新服务器端运行的代码都需要重启一次服务,操作非常繁琐,耗费了大量的时间

    那么该如何处理这些问题呢?

    • 使服务器可以读取到文件

    • 读取文件是一个操作,返回的文件不同,则浏览器显示的不同,所以这里响应

    那么需要读取到文件,就需要用到 Node.js 中的 fs 文件模块

    fs 模块

    首先和 http 模块一样,需要在代码中使用这个模块就需要引入这个模块

    coast fs = require('fs');
    

    模块提供了两个方法 readFile()writeFile()

    在叙述方法之前先聊一下同步和异步,这对于方法中回调函数的理解有很大的好处:
    简而言之,异步就是一件事情没处理完,可以同时开始处理下一件事情,进行的是多线程操作;同步就是这件事情处理完了,才能开始进行下一件事,进行的是单线程的操作

    那么读取文件的操作是术语同步还是异步呢?
    答案是异步。因为有很多用户都会向服务器去请求数据,那么每个数据都要分发给不同的人,服务器就要同时做不同的事情

    理解了异步的含义,那么就可以很好的去理解方法的回调函数的意义了:
    当我在开始进行异步操作请求数据时,请求完成数据后,才会去返回数据,也就是执行回调函数

    readFile() 方法

    字面意思理解,就是读取一个文件

    参数

    • 读取文件,需要文件名

    • 这个方法是异步的,需要回调函数

    • 读取成功,返回数据;读取失败,返回报错信息,所以回调函数需要 数据错误 两个参数

    readFile(文件名, function (err, data) {
        // 需要执行的代码
    })
    

    参数调试

    新建一个 1.html 文件,修改第一个参数的文件名,运行代码,则可以看到调试台输出的不同信息

    fs.readFile('www/1.html', function (err, data) {
        if (err) {
            console.log('404');
        } else {
            console.log(data);
        }
    })
    

    data 在控制台输出的内容是一个很长的二进制字符,这是浏览器与服务器之间的通信方式,实际上在浏览器可以展现出 1.html 里面的内容,如果要在调试台看到,也可以使用 data.toString() 这个方法

    writeFile() 方法

    字面意思理解,就是写入一个文件,或者改写一个文件

    参数

    • 写入或者改写,需要文件名以及改写或者写入的内容

    • 这个方法同样是异步的,需要回调函数

    • 读取成功,返回数据;读取失败,返回报错信息,所以回调函数需要 数据错误 两个参数

    writeFile(文件名, 内容, function (err, data) {
        // 需要执行的代码
    })
    

    data 返回数据与上面一样,所以这里不过多描述

    写入一个文件

    writeFile('2.html', 'abc', function () {
         console.log(err);      // null
    })
    

    此时会发现在根目录下多了一个 2.html 文件,而没有任何报错信息,这里就是文件写入成功了

    完善本地服务器

    这里只是初步认识了 fs 模块,只了解了 fs 模块部分的用法,现在就可以用这个方法来完善服务器了

    // 引入 http 和 fs 模块
    const http = require('http');
    const fs = require('fs');
    
    // 开启服务
    var server = http.createServer(function (req, res) {
        // 将用户输入的链接与文件存放的根目录进行字符串拼接
        // req.url => 'index.html'
        // 读取 => 'www/index.html'
        // 拼接 => 'www' + req.url
        var fileName = 'www' + req.url;
        fs.readFile(fileName, function (err, data) {
            // 对输入的数据进行判断
            if (err) {
                // 如果没有,则显示404,这里是不标准的写法,只是用来做个例子
                res.write('404');
            } else {
                // 如果有,则展示页面
                res.write(data);
            }
            // 结束写入,这里需要注意结束写入的代码位置,不能写在回调函数外,否则会报错
            res.end();  
        })
    })
    
    // 监听 8080 端口
    server.listen(8080);
    

    这样,一旦用户在地址栏输入了需要请求的数据,那么服务器就会自动去匹配文件存放的根目录下的所有文件,也不用去重启服务器来让代码生效了

    相关文章

      网友评论

      本文标题:Node.js初级 - 2. 完善本地服务器(如何进行文件操作)

      本文链接:https://www.haomeiwen.com/subject/jkyhwttx.html