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

2017-02-16 本文已影响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);

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