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


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

  • 虽然现在可以通过你的请求来给你返回数据,但是这些东西都写在 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);

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

推荐阅读更多精彩内容