【Node.js实战】一文带你开发博客项目之日志（文件读写、stream流、写日志）

个人简介

👀个人主页： 前端杂货铺
🙋‍♂️学习方向： 主攻前端方向，也会涉及到服务端
📃个人状态： 在校大学生一枚，已拿多个前端 offer（秋招）
🚀未来打算： 为中国的工业软件事业效力n年
🥇推荐学习：🍍前端面试宝典 🍉Vue2 🍋Vue3 🍓Vue2&Vue3项目实战 🥝Node.js🍒Three.js
🌕个人推广：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加入进来吧

Node.js系列文章目录

内容参考链接Node.js（一）初识 Node.jsNode.js（二）Node.js——开发博客项目之接口Node.js（三）Node.js——一文带你开发博客项目（使用假数据处理）Node.js（四）Node.js——开发博客项目之MySQL基础Node.js（五）Node.js——开发博客项目之API对接MySQLNode.js（六）Node.js——开发博客项目之登录（前置知识）Node.js（七）Node.js——开发博客项目之登录（对接完毕）Node.js（八）Node.js——开发开发博客项目之联调

文章目录

一、前言

开发日志对整个项目可以起到备忘、记录、总结等作用。以帮助开发或者运维人员快速定位错误位置，提出解决方案。

• 系统没有日志，就等于人没有眼睛（重要性可见一斑）
• 第一，访问日志 access log（server 端最重要的日志）
• 第二，自定义日志（包括自定义事件、错误记录等）

所以，日志的存在还是非常非常有必要的！

日志要放在文件中，可读可写~

• node.js 文件操作，node.js stream（流 => 提升性能）
• 日志功能开发和使用
• 日志文件拆分，日志内容分析

二、文件的读写

1、读取文件

接下来，我们先学习如何进行文件的读取…

创建 file-test 文件夹，文件夹下创建 test1.txt 文件 和 data.txt 文件

test1.txt

进行文件读取操作，读取 data.txt 文本的内容，并进行输出

const fs =require('fs')const path =require('path')// 获取文件目录 __dirname 表示当前文件所在目录const fileName = path.resolve(__dirname,'data.txt')// 读取文件内容（异步的）
fs.readFile(fileName,(err, data)=>{if(err){
        console.error(err)return}// data 是二进制类型，需要转成字符串类型
    console.log(data.toString())})

data.txt

这是我们在文本中存储的一些信息

Hello
这里是前端杂货铺
感谢你的观看
Thanks

2、写入文件

接下来，我们进行文件的写入操作（分为两种：追加写入和覆盖写入）

test1.js

const fs =require('fs')const path =require('path')// 获取文件目录 __dirname 表示当前文件所在目录const fileName = path.resolve(__dirname,'data.txt')// 写入文件const content ='哇咔咔，这是新写入的内容\n'// 写入的方式（追加'a'/覆盖'w'）const opt ={flag:'a'// 追加写入用'a'，覆盖用 'w'}// 写入文件（文件名，内容，方式，错误的回调）
fs.writeFile(fileName, content, opt,err=>{if(err){
        console.error(err)}})

终端运行 node test1.js

3、判断文件是否存在

接下来，我们来进行判断文件是否存在的操作

test1.js

const fs =require('fs')const path =require('path')// 获取文件目录 __dirname 表示当前文件所在目录const fileName = path.resolve(__dirname,'data.txt')// 判断文件是否存在
fs.exists(fileName,(exist)=>{
    console.log('exist', exist)})

三、stream 流

1、IO 操作的性能瓶颈

• IO 包括 “网络IO” 和 “文件IO”
• 相比于 CPU 计算和内存读写，IO 的突出特点就是慢！
• 我们需要在有限的硬件资源下提高 IO 的操作效率！！

那么我们就要使用 stream 流（不是一下子全给，而是通过“小管子”一点点给…）

2、stream 流

在 stream-test 文件夹下创建 test1.js 文件

test1.js

// 标准输入输出
process.stdin.pipe(process.stdout)

下面我们监听端口，通过 postman 进行简单测试

test1.js

const http =require('http')const server = http.createServer((req, res)=>{if(req.method ==='POST'){// 管道连接请求和响应
        req.pipe(res)}})// 监听的端口 8000
server.listen(8000)

终端 node test1.js 启动它，之后去 postman 进行测试

3、复制文件

我们先创建 stream-test 文件，之后创建文本（原文本和复制的目标文本，之后在 test1.js 中添加一些代码），此时 data.txt 文本有内容，data-bak.txt 文本为空。

data.txt

这里是前端杂货铺
当前目标如下：
把 data.txt 文本里的内容拷贝到 data-bak.txt 中

test1.js

// 复制文件const fs =require('fs')const path =require('path')const fileName1 = path.resolve(__dirname,'data.txt')const fileName2 = path.resolve(__dirname,'data-bak.txt')// 读取流const readStream = fs.createReadStream(fileName1)// 写入流const writeStream = fs.createWriteStream(fileName2)// 管道连接
readStream.pipe(writeStream)// 监听每一次读取的内容
readStream.on('data',chunk=>{
    console.log(chunk.toString())})// 监听拷贝完成
readStream.on('end',()=>{
    console.log('copy done')})

4、发起请求读取文件

发送一个 GET 请求，读取文本的内容

test.js

const http =require('http')const fs =require('fs')const path =require('path')const fileName1 = path.resolve(__dirname,'data.txt')const server = http.createServer((req, res)=>{if(req.method ==='GET'){const readStream = fs.createReadStream(fileName1)// 将 res 作为 stream 的 dest
        readStream.pipe(res)}})// 监听的端口 8000
server.listen(8000)

终端 node test1.js 运行，之后打开 8000 端口

四、写日志

我们首先改变一下我们的目录结构（新增如下文件）

logs 里面的文件用来存放写入的日志（创建空文件就好），utils 里面的 log.js 文件用来编写一些写入日志的逻辑

log.js

首先我们引入所需模块，封装写入流函数，访问我们所需的日志，进行换行写入

// 引入 fs 和 path 模块const fs =require('fs')const path =require('path')// 写日志functionwriteLog(writeStream, log){// 关键代码（每写入一行日志换行一次）
    writeStream.write(log +'\n')}// 生成 write Stream（第二个水桶）functioncreateWriteStream(fileName){// 找到文件名const fullFileName = path.join(__dirname,'../','../','logs', fileName)// 创建写入流（追加的方式）const writeStream = fs.createWriteStream(fullFileName,{flags:'a'})// 返回写入的内容return writeStream
}// 写访问日志const accessWriteStream =createWriteStream('access.log')// 参数 log 为 app.js 中传入的内容functionaccess(log){writeLog(accessWriteStream, log)}

module.exports ={
    access
}

之后更改 app.js 文件，调用 access 函数

app.js

我们先导入 access 进来，之后进行调用，传进所需的参数，用来记录 access log

const{ access }=require('./src/utils/log')...constserverHandle=(req, res)=>{// 记录 access logaccess(`${req.method} -- ${req.url} -- ${req.headers['user-agent']} -- ${Date.now()}`)......}

之后，我们打开 http://localhost:8000/api/blog/list 端口，进行三次刷新，查看 access.log 文件中日志的写入

五、写在最后

至此，我们明白了 如何进行文件读写，了解了 stream流 的原理及其基本使用，以及如何写日志。 继续跟进学习吧！

后续会对该项目进行多次重构【多种框架（express，koa）和数据库（mysql，sequelize，mongodb）】

如果你需要该项目的 源码，请通过本篇文章最下面的方式 加入 进来~~