上一节已经搭建好了一个服务器,但是还是存在许多问题的:
虽然现在可以通过你的请求来给你返回数据,但是这些东西都写在
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);
这样,一旦用户在地址栏输入了需要请求的数据,那么服务器就会自动去匹配文件存放的根目录下的所有文件,也不用去重启服务器来让代码生效了