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