Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
一、fs 文件系统模块
1、什么是 fs 文件系统模块
fs
模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作需求。
例如:
fs.readFile()
方法,用来读取指定文件中的内容fs.writeFile()
方法,用来向指定的文件中写入内容
如果要在 JavaScript 代码中,使用 fs
模块来操作文件,则需要使用如下的方式先导入它:
const fs = require('fs');
1、读取指定文件中的内容
1、 fs.readFile() 的语法格式
使用 fs.readFile()
方法,可以读取指定文件中的内容,语法格式如下:
fs.readFile(path[,options],callback)
path
:必选参数,字符串,表示文件的路径。options
:可选参数,表示以什么编码格式来读取文件。callback
:必选参数,文件读取完成后,通过回调函数拿到读取的结果。
例如:以 utf8 的编码格式,读取指定文件的内容,并打印 err
和 dataStr
的值:
//导入fs模块来操作文件
const fs = require('fs')
//调用fs.readFile()方法读取文件
fs.readFile('files/1.txt','utf8',function(err,dataStr){
console.log(err);
console.log('-------');
console.log(dataStr);
})
打印的结果为:
2、判断文件是否读取成功
例如:
先创建一个1.txt
文件,里面用于存放我们要读取的数据,然后在通过另一个path.js
文件来读取数据,判断 err
对象是否为 null
,从而知晓文件读取的结果:
const fs = require('fs');
fs.readFile(__dirname+'/files/1.txt','utf-8',function(err,dataStr){
if(err){
return console.log('读取失败'+err.message)
}
console.log(dataStr)
})
结果为:
说明读取成功!
2、向指定的文件中写入内容
1、fs.writeFile() 的语法格式
使用 fs.writeFile()
方法,可以向指定的文件中写入内容,语法格式如下:
fs.writeFile(file,data[,options],callback)
file
:必选参数,需要指定一个文件路径的字符串,表示文件的存放路径。data
:必选参数,表示要写入的内容。options
:可选参数,表示以什么格式写入文件内容,默认值是 utf8。callback
:必选参数,文件写入完成后的回调函数。
2、 判断文件是否写入成功
例如:向指定的文件路径中,写入文件内容:
const fs = require('fs');
fs.writeFile('./files/3.txt','王欢',function(err){
if(err){
return console.log('文件写入失败'+err.message)
}
console.log('文件写入成功');
})
完成后,可以发现files
文件夹中多了一个3.txt
的文件,并且可以在控制台输出:
2、案例 - 考试成绩整理
使用 fs
文件系统模块,将素材目录下成绩.txt
文件中的考试数据,整理到ok.txt文件中。
整理前,成绩.txt
文件中的数据格式如下:
核心实现步骤为:
- 导入需要的
fs
文件系统模块 - 使用
fs.readFile()
方法,读取素材目录下的成绩.txt
文件 - 判断文件是否读取失败
- 文件读取成功后,处理成绩数据
- 将处理完成的成绩数据,调用
fs.writeFile()
方法,写入到新文件ok.txt
中
实现代码为:
//导入需要的 fs 文件系统模块
const fs = require('fs');
//读取files目录下的 成绩.txt 文件
fs.readFile('./files/成绩.txt','utf-8',function(err,dataStr){
//判断文件是否读取失败
if(err){
return console.log('成绩读取失败'+err);
}
//文件读取成功后,处理成绩数据
const oldArr = dataStr.split(' ');
console.log(oldArr);
const newArr = [];
oldArr.forEach(items=>{
newArr.push(items.replace('=',':'));
})
const arr = newArr.join('\r\n');
console.log(arr);
//写入新的文件中
fs.writeFile('./files/ok.txt',arr,function(err){
if(err){
return console.log('写入失败'+err.message);
}
console.log('写入成功')
})
})
最终的实现效果为:
3、fs 模块 - 路径动态拼接的问题
在使用 fs
模块操作文件时,如果提供的操作路径是以 ./
或 ../
开头的相对路径时,很容易出现路径动态拼接错误的问题。
原因:代码在运行的时候,会以执行 node 命令时所处的目录,动态拼接出被操作文件的完整路径。
解决方案:在使用 fs
模块操作文件时,直接提供完整的路径,不要提供 ./
或 ../
开头的相对路径,从而防止路径动态拼接的问题。
二、path 路径模块
1、什么是 path 路径模块
path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性,用来满足用户对路径的处理需求。
例如:
path.join()
方法,用来将多个路径片段拼接成一个完整的路径字符串path.basename()
方法,用来从路径字符串中,将文件名解析出来
如果要在 JavaScript 代码中,使用 path
模块来处理路径,则需要使用如下的方式先导入它:
const path = require('path');
2、路径拼接
1、 path.join() 的语法格式
使用 path.join()
方法,可以把多个路径片段拼接为完整的路径字符串,语法格式如下:
path.join([...paths])
...paths <string>
路径片段的序列- 返回值:
<string>
使用 path.join()
方法,可以把多个路径片段拼接为完整的路径字符串:
const path = require('path');
const fs = require('fs');
const pathStr = path.join('/a','/b/c','../','./d','e')
console.log(pathStr)
输出结果为:
3、获取路径中的文件名
1、path.basename() 的语法格式
使用 path.basename()
方法,可以获取路径中的最后一部分,经常通过这个方法获取路径中的文件名,语法格式如下:
path.basename(path[,ext])
path <string>
必选参数,表示一个路径的字符串ext <string>
可选参数,表示文件扩展名- 返回:
<string>
表示路径中的最后一部分
2、path.basename() 的代码示例
使用 path.basename()
方法,可以从一个文件路径中,获取到文件的名称部分:
const path = require('path')
//文件的存放路径
const fpath = '/a/b/c/index.html';
// 获取文件扩展名
const fullname = path.basename(fpath,'.html');
console.log(fullname);
运行结果为:
4、获取路径中的文件扩展名
1、path.extname() 的语法格式
使用 path.extname()
方法,可以获取路径中的最后一部分,经常通过这个方法获取路径中的文件名
语法:
path.extname(path[,ext])
path<string>
必选参数,表示一个路径的字符串
ext<string>
可选参数,表示文件扩展名
2、path.extname() 的代码示例
const path = require('path')
//文件的存放路径
const fpath = '/a/b/c/index.html';
//获取文件名
const ext = path.extname(fpath)
console.log(ext);
运行结果为;
三、http 模块
1、什么是 http 模块
在网络节点中,负责消费资源的电脑,叫做客户端;负责对外提供网络资源的电脑,叫做服务器。http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer()
方法,就能方便的把一台普通的电脑,变成一台 Web 服务器,从而对外提供 Web 资源服务。
如果要希望使用 http 模块创建 Web 服务器,则需要先导入它:
const http = require('http')
2、服务器相关的概念
1、 IP 地址
IP 地址就是互联网上每台计算机的唯一地址,因此 IP 地址具有唯一性。如果把“个人电脑”比作“一台电话”,那么“IP地址”就相当于“电话号码”,只有在知道对方 IP 地址的前提下,才能与对应的电脑之间进行数据通信。
IP 地址的格式:通常用“点分十进制”表示成(a.b.c.d)的形式,其中,a,b,c,d 都是 0~255 之间的十进制整数。例如:用点分十进表示的 IP地址(192.168.1.1
)互联网中每台 Web 服务器,都有自己的 IP 地址,
我们在 Windows 的终端中运行 ping www.baidu.com
命令,即可查看到百度服务器的 IP 地址。在开发期间,自己的电脑既是一台服务器,也是一个客户端,为了方便测试,可以在自己的浏览器中输入 127.0.0.1
这个 IP 地址,就能把自己的电脑当做一台服务器进行访问了。
2、域名和域名服务器
所谓的域名(Domain Name)地址即字符型的地址方案。IP地址和域名是一一对应的关系,这份对应关系存放在一种叫做域名服务器(DNS,Domain name server)的电脑中。使用者只需通过好记的域名访问对应的服务器即可,对应的转换工作由域名服务器实现。因此,域名服务器就是提供 IP 地址和域名之间的转换服务的服务器。在开发测试期间, 127.0.0.1
对应的域名是 localhost
。
3、端口号
在一台电脑中,可以运行成百上千个 web 服务。每个 web 服务都对应一个唯一的端口号。客户端发送过来的网络请求,通过端口号,可以被准确地交给对应的 web 服务进行处理。
需要注意的是:每个端口号不能同时被多个 web 服务占用。在实际应用中,URL 中的 80 端口可以被省略。
3、创建最基本的 web 服务器
1、创建 web 服务器的基本步骤
(1)导入 http 模块
const http = require('http');
(2)创建 web 服务器实例
const server = http.createServer()
(3)为服务器实例绑定 request 事件,监听客户端的请求
server.on('request',function(req,res){
console.log('Someone visit our web server.')
})
(4)启动服务器
server.listen(8080,function(){
console.log('server running at http://127.0.0.1:8080')
})
整体如下:
//1.导入http模块
const http = require('http');
//2.创建web服务器实例
const server = http.createServer()
//3、为服务器实例绑定request事件,监听客户端的请求
server.on('request',function(req,res){
console.log('Someone visit our web server.')
})
//4、启动服务器
server.listen(8080,function(){
console.log('server running at http://127.0.0.1:8080')
})
运行结果为:
当我们在浏览器输入这个地址后,在返回命令窗口,可以看到:
2、req请求对象
只要服务器接收到了客户端的请求,就会调用通过 server.on()
为服务器绑定的 request
事件处理函数。
如果想在事件处理函数中,访问与客户端相关的数据或属性,可以使用如下的方式:
const http = require('http');
const server = http.createServer();
server.on('request',(req)=>{
//客户端请求的url地址
const url = req.url
//客户端请求的method方法
const method = req.method;
const str = `Your request url is ${url},your request method is ${method}`
console.log(str)
})
server.listen('8080',()=>{
console.log('server running at http://127.0.0.1:8080')
})
运行结果为;
当我们访问该地址时,会出现下列数据:
3、 res 响应对象
在服务器的 request
事件处理函数中,如果想访问与服务器相关的数据或属性,可以使用如下的方式:
//调用res.end()方法,向客户端响应一些内容
res.end(str)
运行结果为:
4、解决中文乱码问题
当调用 res.end()
方法,向客户端发送中文内容的时候,会怎样显示呢?如下:
const http = require('http');
const server = http.createServer();
server.on('request',(req,res)=>{
const url = req.url;
const method = req.method;
const str = `您请求的url地址是 ${url},您请求的方式是 ${method}`
console.log(str)
res.end(str);
})
server.listen('8080',()=>{
console.log('server running at http://127.0.0.1:8080')
})
运行效果为:
我们就会发现出现乱码问题,怎样解决呢?此时,需要手动设置内容的编码格式:
res.setHeader('Content-Type','text/html; charset=utf-8')
此时的效果为:
得到解决。
4、根据不同的 url 响应不同的 html 内容
实现步骤为:
(1)获取请求的 url
地址
const url = req.url;
(2)设置默认的响应内容为 404 Not found
let content = '<h1>404 not found</h1>';
(3)判断用户请求的是否为 /
或 /index.html
首页
if(url === '/' || url === '/index.html'){
content = '<h1>首页</h1>'
}
(4)判断用户请求的是否为 /about.html
关于页面
if(url === '/about.html'){
content = '<h1>关于页面</h1>'
}
(5)设置 Content-Type
响应头,防止中文乱码
在 res.setHeader('Content-Type','text/html; charset=utf-8')
(5)使用 res.end()
把内容响应给客户端
res.end(content);
实现的完整代码为:
const http = require('http');
const server = http.createServer();
server.on('request',(req,res)=>{
const url = req.url;
let content = '<h1>404 not found</h1>';
if(url === '/' || url === '/index.html'){
content = '<h1>首页</h1>'
}else if(url === '/about.html'){
content = '<h1>关于页面</h1>'
}
res.setHeader('Content-Type','text/html; charset=utf-8')
res.end(content);
})
server.listen('8080',()=>{
console.log('server running at http://127.0.0.1:8080')
})