AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Node.js

2023-08-31 91
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： fs模块文件写入writeFile 异步写入writeFileSync 同步写入appendFile / appendFileSync 追加写入createWriteStream 流式写入文件读取readFile 异步读取readFileSync 同步读取createReadStream 流式读取文件移动与重命名文件删除文件夹操作mkdir 创建文件夹readdir 读取文件夹rmdir 删除文件夹查看资源状态path模块

文章目录


fs模块

文件写入

writeFile 异步写入

语法： fs.writeFile(file, data[, options], callback)


参数说明：


file 文件名


data 待写入的数据


options 选项设置 （可选）


callback 写入回调


返回值： undefined

// require 是 Node.js 环境中的 '全局' 变量，用来导入模块
const fs = require('fs')
// 将 [三人行，必有我师焉。] 写入到当前文件夹下的 [座右铭.txt] 文件中
fs.writeFile('./座右铭.txt', '三人行，必有我师焉。', err =>{
    // 如果写入失败，则回调函数调用时，会传入错误对象，如写入成功，会传入 null
    if(err){
        console.log(err)
        return
    }
    console.log('写入成功')  
})

writeFileSync 同步写入

语法: fs.writeFileSync(file, data[, options])

参数与 fs.writeFile 大体一致，只是没有 callback 参数

返回值：undefined

try{
    fs.writeFileSync('./座右铭.txt', '三人行，必有我师焉。')
}catch(e){
    console.log(e)
}

appendFile / appendFileSync 追加写入

appendFile 作用是在文件尾部追加内容，appendFile 语法与 writeFile 语法完全相同


语法:


fs.appendFile(file, data[, options], callback)


fs.appendFileSync(file, data[, options])


返回值：二者都为 undefined

fs.append('./座右铭.txt', '则其善者而从之，其不善者而改之。', err =>{
    if(err) throw err
    console.log('追加成功')
})
fs.appendFileSync('./座右铭.txt','\r\n温故而知新，可以为师矣')

createWriteStream 流式写入

语法：fs.createWriteStream(path[, options])


参数说明：


path 文件路径


options 选项配置（ 可选 ）


**返回值: **Object

let ws = fs.createWriteStream('./观书有感.txt')
//写入数据到流
ws.write('半亩方塘一鉴开\r\n')
ws.write('天光云影共徘徊\r\n')
ws.write('问渠那得清如许\r\n')
ws.write('为有源头活水来\r\n')
//关闭写入流，表明已没有数据要被写入可写流
ws.end()

文件读取

readFile 异步读取

语法: fs.readFile(path[, options], callback)

参数说明：

path 文件路径

options 选项配置

callback 回调函数

返 回 值 ： undefined

fs.readFile('./座右铭.txt', (error,data) =>{
    if(err) throw err
    console.log(data)
})
fs.readFile('./座右铭.txt', 'uft-8', (error,data) =>{
    if(err) throw err
    console.log(data)
})

readFileSync 同步读取

语法：fs.readFileSync(path[, options])

参数说明：

path 文件路径

options 选项配置

返 回 值 ：string | Buffer

let data = fs.readFileSync('./座右铭.txt')
let data = fs.readFileSync('./座右铭.txt', 'utf-8')

createReadStream 流式读取

语法：fs.createReadStream(path[, options])

参数说明：

path 文件路径

options 选项配置（ 可选 ）

返回值：Object

// 创建读取流对象
let rs = fs.createReadStream('./观书有感.txt')
// 每次取出 64k 数据后执行一次 data 回调
// 绑定一个 data 事件  chunk 块儿  大块儿
re.on('data', chunk =>{
    console.log(chunk)
    console.log(chunk.length)
})
// 读取完毕后，执行 end 回调 (可选事件)
re.on('end', () =>{
    console.log('读取完毕')
})

文件移动与重命名

在 Node.js 中，我们可以使用 rename 或 renameSync 来移动或重命名 文件或文件夹


语法：


fs.rename(oldPath, newPath, callback)


fs.renameSync(oldPath, newPath)


参数说明：


oldPath 文件当前的路径


newPath 文件新的路径


callback 操作后的回调

fs.rename('./观书有感.txt', './论语/观书有感.txt', err =>{
  if(err) throw err
    console.log('移动完成')
})
fs.renameSync('./座右铭.txt', './论语/.我的座右铭.txt')

文件删除

在 Node.js 中，我们可以使用 unlink 或 unlinkSync 来删除文件


语法:

fs.unlink(path, callback)

fs.unlinkSync(path)

参数说明：

path 文件路径

callback 操作后的回调

const fs = require('fs')
fs.unlink('./test.txt', err =>{
    if(err) throw err
    console.log('删除成功')
})
fs.unlinkSync('./test2.txt')
// 调用 rm 方法  14.4   同步 rmSync
fs.rm('./论语.txt', err => {
  if (err) {
    console.log('删除失败')
    return
  }
  console.log('删除成功')
})

文件夹操作

mkdir 创建文件夹

在 Node.js 中，我们可以使用 mkdir 或 mkdirSync 来创建文件夹


语法:


fs.mkdir(path[, options], callback)


fs.mkdirSync(path[, options])


参数说明：


path 文件夹路径


options 选项配置（ 可选 ）


callback 操作后的回调

// 异步创建文件夹  mk  make  制作   dir  directory  文件夹
fs.mkdir('./page', err =>{
    if(err) throw err
    console.log('创建成功')
})
// 递归异步创建
fs.mkdir('./1/2/3', {recursive: true}, err =>{
    if(err) throw err
    console.log('递归创建成功')
})
// 递归同步创建文件夹
fs.mkdirSync('./x/y/z', {recursive: true})

readdir 读取文件夹

在 Node.js 中，我们可以使用 readdir 或 readdirSync 来读取文件夹


语法：


fs.readdir(path[, options], callback)


fs.readdirSync(path[, options])


参数说明：


path 文件夹路径


options 选项配置（ 可选 ）


callback 操作后的回调

// 异步读取
fs.readdir('./论语', (err, data) => {
  if(err) throw err
    console.log(data)
})
// 同步读取 
let data = fs.readdirSync('./论语')
console.log(data)

rmdir 删除文件夹

在 Node.js 中，我们可以使用 rmdir 或 rmdirSync 来删除文件夹


语法：


fs.rmdir(path[, options], callback)


fs.redirSync(path[, options])


参数说明：


path 文件夹路径


options 选项配置（ 可选 ）


callback 操作后的回调

// 异步删除文件夹  rm  remove 移除
fs.rmdir('./page', err => {
    if(err) throw err
    console.log('删除成功')
})
//异步递归删除文件夹  不推荐
//=>DeprecationWarning: In future versions of Node.js, fs.rmdir(path, { recursive: true }) will be removed. Use fs.rm(path, { recursive: true }) instead
fs.rmdirSync('./1', {recursive: true}, err => {
    if(err){ 
      console.log(err)
        return
    }
    console.log('递归删除')
})
//同步递归删除文件夹
fs.rmdirSync('./x', {recursive: true})
// 建议使用
fs.rm('./a', { recursive: true }, err => {
  if (err) {
    console.log(err)
    return
  }
  console.log('删除成功')
})

查看资源状态

在 Node.js 中，我们可以使用 stat 或 statSync 来查看资源的详细信息


语法：


fs.stat(path[, options], callback)


fs.statSync(path[, options])


参数说明：


path 文件夹路径


options 选项配置（ 可选 ）


callback 操作后的回调

// 异步获取状态
// stat  方法  status 缩写 状态
fs.stat('/data.txt', (err, data) =>{
    if(err) throw err
    console.log(data)
})
// 同步获取状态
let data = fs.statSync('./data.txt')

path模块

// 导入 fs 模块
const fs = require('fs')
// 导入 path 模块
const path = require('path')
// 写入文件
// fs.writeFileSync(__dirname + '/index.html', 'love')
console.log(__dirname + '/index.html') //=>D:\Desktop\Node\code\04-path/index.html
// resolve 解决问题  拼接绝对路径
console.log(path.resolve(__dirname, './index.html')) //=>D:\Desktop\Node\code\04-path\index.html
console.log(path.resolve(__dirname, 'index.html')) //=>D:\Desktop\Node\code\04-path\index.html
console.log(path.resolve(__dirname, '/index.html', './test')) //=>D:\index.html\test
// sep 获取路径分隔符
console.log(path.sep) //=> window \  linux /
// parse 方法  __filename  '全局变量'
console.log(__filename) //=>文件的绝对路径 //=>D:\Desktop\Node\code\04-path\01-path.js
// 解析路径
let str = 'D:\\Desktop\\Node\\code\\04-path\\01-path.js'
console.log(path.parse(str))
// 获取路径基础名称
console.log(path.basename(pathname))
// 获取路径的目录名
console.log(path.dirname(pathname))
// 获取路径的拓展名
console.log(path.extname(pathname))


http协议


概念

HTTP（hypertext transport protocol）协议；中文叫 超文本传输协议


是一种基于TCP/IP的应用层通信协议


这个协议详细规定了 浏览器 和 万维网 服务器 之间互相通信的规则


协议中主要规定了两个方面的内容:


客户端：用来向服务器发送数据，可以被称之为 请求报文


服务端：向客户端返回数据，可以被称之为 响应报文


报文：可以简单理解为就是一堆字符串


创建 HTTP 服务


操作步骤

//1. 导入 http 模块
const http = require('http');
//2. 创建服务对象 create 创建 server 服务
// request 意为请求. 是对请求报文的封装对象, 通过 request 对象可以获得请求报文的数据
// response 意为响应. 是对响应报文的封装对象, 通过 response 对象可以设置响应报文
const server = http.createServer((request, response) => {     
    // 设置响应体
    response.end('Hello HTTP server');
});  //=>返回结果是一个对象
//3. 监听端口, 启动服务
server.listen(9000, () => {
  console.log('服务已经启动, 端口 9000 监听中...');
});

注意事项

命令行 ctrl + c 停止服务


当服务启动后，更新代码 必须重启服务才能生效


响应内容中文乱码的解决办法


// 设置响应头

response.setHeader('content-type','text/html;charset=utf-8');

端口号被占用

Error: listen EADDRINUSE: address already in use :::9000

1）关闭当前正在运行监听端口的服务 （ 使用较多 ）


2）修改其他端口号


HTTP 协议默认端口是 80 。HTTPS 协议的默认端口是 443, HTTP 服务开发常用端口有 3000，8080，8090，9000 等


如果端口被其他程序占用，可以使用 资源监视器 找到占用端口的程序，然后使用 任务管理器 关闭对应的程序


获取 HTTP 请求报文

// 1. 导入 http 模块
const http = require('http')
// 2. 创建服务对象
const server = http.createServer((request, response) => {
  // 获取请求的方法
  console.log(request.method)  //=>GET
  // 获取请求的 url
  console.log(request.url)  // 只包含 url 中的 路径 与查询字符串
  // 获取 http 协议的版本号
  console.log(request.httpVersion)  //=> 1.1
  // 获取 http 的请求头
  console.log(request.headers) //=>结果是一个对象
  response.end('http') //=>设置响应体
})
// 3. 监听端口，启动服务
server.listen(9000, () => {
  console.log('服务已经启动...')
})

注意事项：


request.url 只能获取路径以及查询字符串，无法获取 URL 中的域名以及协议的内容

request.headers 将请求信息转化成一个对象，并将属性名都转化成了『小写』

关于路径：如果访问网站的时候，只填写了 IP 地址或者是域名信息，此时请求的路径为『 / 』

关于 favicon.ico：这个请求是属于浏览器自动发送的请求

提取 http 报文的请求体

// 1. 导入 http 模块
const http = require('http')
// 2. 创建服务对象
const server = http.createServer((request, response) => {
  // 1. 声明一个变量
  let body = ''
  // 2. 绑定 data 事件
  request.on('data', chunk => {
    body += chunk
  })
  // 3. 绑定 end 事件
  request.on('end', () => {
    console.log(body)  //=>'username=111&password=111'
    // 响应
    response.end('Hello Http') //=>设置响应体 
  })
})
// 3. 监听端口，启动服务
server.listen(9000, () => {
  console.log('服务已经启动...')
})

提取 http 报文中 url的路径 与 查询字符串

// 导入 http 模块
const http = require('http')
// 1. 导入 url 模块
const url = require('url')
// 创建服务对象
const server = http.createServer((request, response) => {
  // 2. 解析 request.url
  console.log(request.url)   //=>/search?keyword=h5
  // 使用 parse 解析 request.url 的内容
  // true 将 query 属性将会设置为一个 对象
  let res = url.parse(request.url, true)
  console.log(res)  // 如下图所示，为一个对象
  // 路径
  let pathname = res.pathname
  // 查询字符串
  let keyword = res.query.keyword
  console.log(keyword)   //=>h5
  response.end('url')
})
// 监听端口，启动服务
server.listen(9000, () => {
  console.log('服务已经启动...')
})

// 导入 http 模块
const http = require('http')
// 创建服务对象
const server = http.createServer((request, response) => {
  // 实例化 url 对象
  // let url = new URL('/search?a=100&b=200','http://127.0.0.1:9000')
  let url = new URL(request.url, 'http://127.0.0.1')
  console.log(url)  //=>如图所示，为一个对象
  // 输出路径
  console.log(url.pathname)  //=>/search
  // 输出 keyword 查询字符串
  console.log(url.searchParams.get('a'))  //=> 100
  response.end('url new')
})
// 监听端口，启动服务
server.listen(9000, () => {
  console.log('服务已经启动...')
})

设置 HTTP 响应报文

// 1. 设置响应状态码
response.statusCode = 203
// 2. 响应状态的描述
response.statusMessage = 'i love you'
// 3. 响应头
response.setHeader('content-type', 'text/html;charset=utf-8')
// 自定义响应头
response.setHeader('myHeader', 'test test')
// 设置多个同名的响应头
response.setHeader('test', ['a', 'b', 'c'])

// write 和 end 的两种使用情况：
// 1. write 和 end 的结合使用 响应体相对分散
response.write('xx');
response.write('xx');
response.write('xx');
response.end(); //每一个请求，在处理的时候必须要执行 end 方法的
//2. 单独使用 end 方法 响应体相对集中
response.end('xxx');

网页中的 URL

网页中的 URL 主要分为两大类：相对路径 与 绝对路径

绝对路径

绝对路径可靠性强，而且相对容易理解，在项目中运用较多

相对路径

相对路径在发送请求时，需要与当前页面 URL 路径进行 计算 ，得到完整 URL 后，再发送请求，学习阶段用的较多

例如当前网页 url 为 http://www.atguigu.com/course/h5.html



文章标签：
JavaScript
网络协议
.昭阳.
目录
相关文章
人物我非-32022
|
10天前
|
Web App开发 数据采集 JavaScript
Node.js
【10月更文挑战第14天】
人物我非-32022
32 18
你都不懂
|
9天前
|
JavaScript 前端开发 开发工具
Node.js——初识Node.js
Node.js——初识Node.js
你都不懂
14 4
.昭阳.
|
JSON 缓存 JavaScript
node.js(2)
简介 什么是模板化 将一个复杂的程序文件依据一定规则（规范）拆分成多个文件的过程称之为 模块化 好处 下面是模块化的一些好处： 防止命名冲突 高复用性 高维护性 暴露数据 如何暴露两种方式
.昭阳.
70 0
晴栀~
|
JSON 前端开发 JavaScript
Node.Js(二）
Node.Js
晴栀~
74 0
你都不懂
|
6月前
|
JavaScript 前端开发 容器
初识node.js(使用)
初识node.js(使用)
你都不懂
44 7
破浪前进
|
6月前
|
JSON JavaScript 前端开发
Node.js 的适用场景
Node.js 的适用场景
破浪前进
99 0
唐家四少官微
|
JavaScript 安全 前端开发
Node.js 20.6.0 特点
Node.js 20.6.0 特点
唐家四少官微
69 0
和你一起去月球
|
Web App开发 JavaScript 前端开发
Node.js 是什么？
Node.js 是什么？
和你一起去月球
119 0
前端杂货铺
|
SQL 存储 JavaScript
【Node.js】初识Node.js
【Node.js】初识Node.js
前端杂货铺
117 0
开发者小助理
|
缓存 运维 JavaScript
狼叔：聊聊 Node.js
前阵子我在知乎上回答了《2021前端会有什么新的变化？》，单篇33.8万的阅读量，还是不错的，说明大家非常关心前端的变化趋势，这里再与大家分享一下我对 Node.js 相关内容的看法。
开发者小助理
461 0
狼叔：聊聊 Node.js

热门文章

最新文章

  • 1
    为什么lisp这么强大的语言用的人这么少
  • 2
    数据库中的Schema和Database的区别
  • 3
    MAVEN简介之——settings.xml
  • 4
    小技巧 - 怎样屏蔽群消息（包括 @全体成员）？
  • 5
    深度 ｜ 大数据算法应用的测试发展之路
  • 6
    RDS for SQL server 空间问题排查汇总
  • 7
    JavaScript基本数据类型分析
  • 8
    日本将举办VR食品研讨会，用音效模拟食物入口的质感
  • 9
    df查询磁盘容量
  • 10
    谷歌搜搜不谋而合 “情境搜索”或成未来趋势
  • 1
    如何根据性能检测结果进行 CSS 优化？
    27
  • 2
    如何检测 CSS 性能瓶颈并进行优化？
    29
  • 3
    CSS优化技巧
    28
  • 4
    如何在 JavaScript 中访问和修改 CSS 变量？
    32
  • 5
    CSS 变量的作用域和 JavaScript 变量的作用域有什么不同？
    32
  • 6
    如何在 CSS 变量中使用函数？
    22
  • 7
    CSS 变量的作用域是什么？
    17
  • 8
    京东面试：亿级黑名单 如何设计？亿级查重 呢？（答案含：布隆过滤器、布谷鸟过滤器）
    24
  • 9
    android做中大型项目完美的架构模式是什么？是MVVM吗？如果不是，是什么？
    18
  • 10
    如何使用 JavaScript 动态修改 CSS 变量的值？
    11

    • 相关课程

    更多
  • Node.js 入门与实战
  • Node.js 入门教程文档

    • 相关电子书

    更多
  • Node.js性能平台
  • 探究 Node.js 的服务端之路
  • 穆客带你快速定位Node.js内存泄露

    • 相关实验场景

    更多
  • 前端开发基础6：Node.js和LESS预编译工具
  • 搭建Node.js编程环境
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月