文章目录
4-3 Node 基础
初识 Node.js
- Node.js 定义:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境
- Node.js 中 JavaScript 运行环境
- Chrome V8 引擎(解析和执行 JS 代码) 和 内置 API(提供一些能力去实现一些功能)
- 注意:
- 浏览器是 JavaScript 的前端运行环境
- Node.js 是 JavaScript 的后端运行环境
- Node.js 中无法使用 DOM 和 BOM 等浏览器内置 API
- Node.js 的作用
- 基于 Express 框架,可以快速构建 Web 应用
- 基于 Electron 框架,可以构建跨平台的桌面应用
- 基于 restify 框架,可以快速构建 API 接口项目
- 读写和操作数据库、创建使用的命令行工具辅助前端开发
- ……
- Node.js 环境的安装
- 官网下载:https://nodejs.org/en/
- 区分 LST 版本和 Current 版本:LTS 稳定,Current 新特性,不稳定。
- 查看已安装的 Node.js 的版本号
- 打开终端,在终端输入命令
node -v
- 终端:用于实现人机交互的一种方式
- 打开终端,在终端输入命令
- 在 Node.js 环境中执行 JavaScript 代码
- 打开终端
- 输入
node 要执行的 js 文件的路径
- 终端中的快捷键
- 使用 ⬆ 键,可以快速定位到上次执行的命令
- 使用 tab 键,可以快速补全文件路径
- 使用 esc 键,可以快速清空当前已输入的命令
- 输入 cls ,可以清空终端
1. fs 文件系统模块
-
定义:fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作需求。
-
例如:
fs.readFile()
方法,用来读取指定文件中的内容fs.writeFile()
方法,用来向指定的文件中写入内容
-
如果要在 JS 代码中使用 fs 模块,要先导入
const fs = require('fs')
-
-
读取指定文件中的内容
-
``fs.readFile()
fs.readFile(path[, options], callback)
- path:必选参数,字符串,表示文件的路径
- options:可选参数,表示以什么编码格式来读取文件,默认 utf8
- callback:必选参数,文件读取完成后,通过回调函数拿到读取的结果
const fs = require('fs') fs.readFile('./files/11.txt', 'utf8', function(err, dataStr) { // 如果读取成功 err 的值为 null // 如果读取失败,则 err 的值为 错误对象,dataStr 的值为 undefined console.log(err) console.log(dataStr) })
-
判断文件是否读取成功
可以判断 err 对象是否为 null,从而知晓文件读取的结果
const fs = require('fs') fs.readFile('./files/11.txt', 'utf8', function(err, dataStr) { if (err) { return console.log('读取文件失败!' + err.message) } console.log('读取文件成功!' + dataStr) })
-
-
向指定的文件中写入内容
-
fs.writeFile()
的语法格式fs.writeFile(file, data[, options], callback)
- file:必选参数,需要指定一个文件路径的字符串,表示文件的存放路径
- data:必选参数,表示要写入的内容
- options:可选参数,并表示以什么格式写入文件内容,默认值是 utf8
- callback:必选参数,写入完成后的回调函数
const fs = require('fs') fs.writeFile('./files/2.txt', 'Hello Node.js!', function(err) { // 如果文件写入成功,则 err 的值等于 null // 如果文件写入失败,则 err 的值等于一个 错误对象 console.log(err) })
-
判断文件是否写入成功
const fs = require('fs') fs.writeFile('./files/2.txt', 'Hello Node.js!', function(err) { if (err) { return console.log('文件写入失败!' + err.message) } console.log('文件写入成功!') }
-
-
fs 模块 - 路径动态拼接的问题
-
在使用 fs 模块操作文件时,如果提供的操作路径是以 ./ 或 …/ 开头的相对路径,很容易出现路径动态拼接错误的问题。
-
原因:代码在运行的时候,会以执行 node 命令时所处的目录,动态拼接出被操作文件的完整路径。
-
解决问题:提供完整的路径即可 ,但是存在缺点:移植性差,不利于维护
-
解决方法:
- __dirname 表示当前文件所处的目录
const fs = require('fs') fs.readFile(__dirname + '/files/1.txt', 'Hello Node.js!', function(err, dataStr) { if (err) { return console.log('读取文件失败!' + err.message) } console.log('读取文件成功!' + dataStr) })
-
2. path 路径模块
-
定义:path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性,用来满足用户对路径的处理需求。
-
例如:
path.join()
方法,用来将多个路径片段拼接成一个完整的路径字符串path.basename()
方法,用来从路径中,将文件名解析出来
-
如果要使用 path 模块,要先导入
const path = require('path')
-
-
路径拼接
-
path.join()
可以把多个路径片段拼接为完整的路径字符串path.join([...path])
- …path:字符串类型,路径片段的序列
const pathStr = path.join('/a', '/b/c', '../', './d', 'e') console.log(pathStr) // 输出 \a\b\d\e const pathStr2 = path.join(__dirname, './files/1.txt') console.log(pathStr2) // 输出 当前文件所处目录\files\1.txt
注意:今后凡是涉及到路径拼接的操作,都要使用 path.join() 方法进行处理。不要直接使用 + 进行字符串拼接。
-
-
获取路径中的文件名
-
path.basename()
的语法格式path.basename(path[, ext])
- path:(string)必选参数,表示一个路径的字符串
- ext:(string)可选参数,表示文件扩展名
- 返回值:(string)表示路径中的最后一部分
const fpath = '/a/b/c/index.html' var fullName = path.basename(fpath) console.log(fullName) // 输出 index.html var nameWithoutExt = path.basename(fpath, 'html') console.log(nameWithoutExt) // 输出 index
-
-
获取路径中的文件扩展名
-
path.extname()
的语法格式path.extname(path) // 例子: const path = '/a/b/c/index.html' console.log(path.extname(path)) // .html
-
-
注意:
fs.writeFile()
方法只能用老创建文件,不能用来创建路径(所以要自行创建文件夹)- 重复调用
fs.writeFile()
写入同一个文件,新写入的内容会覆盖之前的旧内容
3. http 模块
-
定义:http 模块是 Node.js 官方提供的、用来创建 Web 服务器的模块。通过 http 模块提供的
http.createServer()
方法,就能方便的把一台普通的电脑,变成一台 Web 服务器,从而对外提供 Web 资源服务。-
使用该模块要先导入
const http = require('http')
-
-
进一步理解 http 模块的作用
服务器和普通电脑的区别在于,服务器上安装了 web 服务器软件,例如:IIS、Apache 等。通过安装这些服务器软件,就能把一台普通的电脑变成一台 web 服务器。
在 Node.js 中,我们不需要使用 IIS、Apache 等这些第三方 web 服务器软件。因为我们可以基于 Node.js 提供的 http 模块,通过几行简单的代码,就能轻松的手写一个服务器软件,从而对外提供 web 服务。
-
服务器相关的概念
-
IP 地址
IP 地址就是互联网上每台计算机的唯一地址,因此 IP 地址具有唯一性。如果把”个人电脑呢“比作”一台电话“,那么”IP 地址“就相当于”电话号码“,只有在直到对方 IP 地址的前提下,才能与对应的电脑之间进行数据通信。
IP 地址的格式:通常用“点分十进制”表示成(a.b.c.d)的形式,其中,a,b,c,d 都是 0~255 之间的十进制整数。
注意:
- 互联网中每台 Web 服务器,都有自己的 IP 地址
- 在开发期间,自己的电脑既是一台服务器,也是一个客户端,为了方便测试,可以在自己的浏览器中输入 127.0.0.1 这个 IP 地址,就能把自己的电脑当作一台服务器进行访问了
-
域名和域名服务器
尽管 IP 地址能够唯一地标记网络上的计算机,但 IP 地址是一长串数字,不直观,且不便于记忆,于是人们又发明了另一套字符型的地址方案,即所谓的域名地址
IP 地址和域名是一一对应的关系,这份对应关系存放在一种叫做域名服务器(DNS)的电脑中。域名服务器就是提供 IP 地址和域名之间的转换服务的服务器。
注意:
- 只用 IP 地址,互联网是可以运行的,但是有了域名,会更加方便
- 在开发测试期间, 127.0.0.1 对应的域名是 localhost,它们都代表我们自己的这台电脑,在使用效果上没有任何区别
-
端口号
计算机中的端口号,就好像是现实生活中的门牌号一样。通过门牌号,外卖小哥可以在正东大楼众多的房间中,准确把外卖送到你的手中。同样的道理,在一台电脑中,可以运行成百上千个 web 服务。每个 web 服务都对应一个唯一的端口号。客户端发送过来的网络请求,通过端口号,可以被准确地交给对应的 web 服务进行处理。
注意:
- 每个端口号不能同时被多个 web 服务占用
- 在实际应用中,URL 中的 80 端口可以被省略
-
-
创建最基本的 web 服务器
-
创建 web 服务器的基本步骤
-
导入 http 模块
const http = require('http')
-
创建 web 服务器实例
调用
http.createServer()
方法,即可快速创建一个 web 服务器实例:const server = http.createServer()
-
为服务器实例绑定 request 事件,监听客户端的请求
// 使用服务器实例的 .on() 方法,为服务器绑定一个 request 事件 server.on('request', (req, res) => { // 只要有客户端来请求我们自己的服务器,就会触发 request 事件,从而调用这个函数 console.log('Someone visit our web server.') })
-
启动服务器
调用服务器实例的
.listen()
方法:// 调用 server.listen(端口号, callback) 方法,即可启动 web 服务器 server.listen(80. () => { console.log('http server running at http://127.0.0.1') })
-
-
req 请求对象
只要服务器接收到了客户端的请求,就会调用通过
server.on()
为服务器绑定的 request 事件处理函数。如果想在事件处理函数中,访问与客户端相关的数据或属性,可以使用如下的方式:
server.on('request', (req) => { // req 是请求对象,它包含了与客户端相关的数据和属性,例如: // req.url 是客户端请求的 URL 地址 // req.method 是客户端的 method 请求类型 const str = `Your request url is ${ url}, and request method is ${ method}` console.log(str) })
-
res 响应对象
在服务器的 request 事件处理函数中,如果想访问与服务器相关的数据或属性,可以使用如下的方式:
server.on('request', (req, res) => { // res 是响应对象,它包含了与服务器相关的数据和属性,例如: // 要发送到客户端的字符串 const str = `Your request url is ${ req.url}, and request method is ${ req.method}` // res.end() 方法的作用: // 向客户端发送指定的内容,并结束这次请求的处理过程 res.end(str) })
-
解决中文乱码问题
当调用 res.end() 方法,向客户端发送中文内容的时候,会出现乱码问题,此时,需要手动设置内容的编码格式:
server.on('request', (req, res) => { // 发送的内容包含中文 const str = `您请求的 url 地址是 ${ req.url}, 请求的 method 类型是 ${ req.method}` // 为了防止中文显示乱码的问题,需要设置响应头 Content-Type 的值为 text/html; charset=utf-8 res.setHeader('Content-Type', 'text/html; charset=utf-8') // 把包含中文的内容。响应给客户端 res.end(str) })
-
-
根据不同的 url 响应不同的 html 内容
-
核心实现步骤
- 获取请求的 url 地址
- 设置默认的响应内容为 404 Not Fond
- 判断用户请求的是否为 / 或 /index.html 首页
- 判断用户请求的是否为 /about.html 关于页面
- 设置 Content-Type 响应头,防止中文乱码
- 使用 res.end() 把内容响应给客户端
-
动态响应内容
server.on('request', (req, res) => { // 1. 获取请求的 url 地址 const url = req.url // 2. 设置默认的响应内容为 404 Not Fond let content =
-