一短文带你快速入门Node.js 基础及内置模块(一)

1.什么是Node.js

Node.js 是一个开源与跨平台的JavaScript运行时环境。与2009年发布。它是在浏览器外运行,它是一个事件驱动异步I/O单进程的服务端JS环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。
*一句话概括就是:用js这个语言写后端

相关网址

  • https://nodejs.org/zh-cn/
  • http://nodejs.cn/
注意:
  1. nodejs实现了js代码在浏览器外执行,所以在nodejs中无法运行DOM和BOM的代码
  2. nodejs中除了ECMAScript代码外,还内置了很多其他API
  3. nodejs让js在写前端代码的基础上,可以写后端代码,因为nodejs可以构建服务器

原生js和node之间关系

一短文带你快速入门Node.js 基础及内置模块(一)_第1张图片

模块化开发

nodejs开发基于CommonJS模块化开发规范,将一个js文件定义为一个模块。在项目开发中,能单独拆分的功能,就单独拆分成一个模块。

CommonJS模块化规范的导入导出:

// 导入
require(被导入的文件路径)

// 导出
module.exports = {数据}
module.exports.= 值
exports.=

2.Node.js内置模块

os模块

os(operation system)模块提供了与操作系统相关的实用方法和属性。
const os = require(‘os’)
// 换行符
os.EOL //根据操作系统生成对应的换行符 window \r\n,linux下面 \n

// cpu相关信息
os.cpus()
// 总内存大小 (单位 字节)
os.totalmem()
// 空余内存大小 (单位 字节)
os.freemem()
// 主机名
os.hostname()
// 系统类型
os.type()

path模块

path模块用于处理文件和目录(文件夹)的路径。
const path = require(‘path’)

获取路径最后一部内容,一般用它来获取文件名称

path.basename(‘c:/a/b/c/d.html’) // d.html

获取目录名,路径最后分隔符部分被忽略

path.dirname(‘c:/a/b/c/d.html’) // c:/a/b/c

获取路径中文件扩展名(后缀)

path.extname(‘c:/a/b/c/d.html’) // .html

给定的路径连接在一起

path.join(’/a’, ‘b’, ‘c’) // /a/b/c

resolve:模拟cd(切换目录)操作同时拼接路径

console.log(path.resolve(“a”, “b”, “c”));
console.log(path.resolve(“a”, “…/b”, “c”));
console.log(path.resolve("/a", “b”, “c”));

__dirname:是nodejs提供的一个内置变量,代表当前文件所在位置的绝对路径

斜杠和反斜杠:通常用来分割路径,"某个文件夹下"的意思,在windows系统中,斜杠和反斜杠的意义是一样的,但是建议大家写斜杠,反斜杠用在代码中,有特殊含义,转义的意思,在服务器系统中,默认路径就使用斜杠

补充:URL的概念

url的完整形态:
一短文带你快速入门Node.js 基础及内置模块(一)_第2张图片
URL字符串是结构化的字符串,包含多个含义不同的组成部分。 解析字符串后返回的 URL 对象,每个属性对应字符串的各个组成部分。
完整形态的url:协议 + 用户名密码 + 主机名 + 端口号 + 请求路径 + 参数 + hash值(锚点)
协议默认会跟端口号相对应:
http - 80
https - 443
ftp - 21
sftp - 22
mysql - 3306

请求路径后的参数,参数和请求路径之间由 ? 隔开的 参数由键值对组成,键和值之间使用 = 隔开 键值对之间使用 & 隔开

const url = require('url');
const href = 'http://www.xxx.com:8080/pathname?id=100#bbb'

// 解析网址,返回Url对象
// 参2 如果为true 则 query获取得到的为对象形式
url.parse(href,true)

resolve

以一种 Web 浏览器解析超链接的方式把一个目标 URL 解析成相对于一个基础 URL。
以服务器路径的规则进行拼接

url.resolve('https://lynnn.cn/foo/bar',../'bar') // https://lynnn.cn/bar 

parse()

解析url,返回的是一个对象。对象中包含url组成的每一部分

const url = require('url')
let href = "http://xiaoming:123456@localhost:80/project/src/userinfo.html?id=5&cat=8#top";
let obj = url.parse(href)
// obj.query是我们比较常用的,因为我们经常会解析路径中的数据
console.log(obj);

加第二个参数true:就能将url中的参数解析成对象
一短文带你快速入门Node.js 基础及内置模块(一)_第3张图片

querystring

用于解析和格式化 URL 查询字符串(URL地址的get形式传参)的实用工具。

const querystring = require('querystring')
let href = "http://localhost/a/b/c.html?id=6&cat=8";
const url = require('url')
// 将href中的参数解析出来
let query = url.parse(href).query
console.log(query);

结果
在这里插入图片描述

query字符串转为对象

querystring.parse('foo=bar&abc=xyz')
querystring.decode('foo=bar&abc=xyz')

// 对象转为query字符串
querystring.stringify({ foo: ‘bar’,abc: ‘xyz’})
querystring.encode({ foo: ‘bar’,abc: ‘xyz’})

解析对象和字符串

parse()/decode()
const querystring = require('querystring')
let href = "http://localhost/a/b/c.html?id=6&cat=8";
const url = require('url')
let query = url.parse(href).query
let obj = querystring.decode(query) // 将字符串转为对象
console.log(obj);

结果
在这里插入图片描述

将字符串解析成对象

stringify()/encode()
let obj = {
    name:"张三",
    age:20,
    sex:"男"
}
// 将url中参数部分转换成一个对象
// // 可以将对象转成url的参数形式 - querystring paramters
let str = querystring.stringify(obj)
console.log(str);

结果

在这里插入图片描述

let str = querystring.encode(obj)
console.log(str);

结果
在这里插入图片描述

FileSystem

fs(file system)模块提供了用于与文件进行交互相关方法。

异步读取 readFile()

const fs = require('fs')
// 异步读取
fs.readFile('test.txt',(err,data)=>{
    if(err){
        console.log("读取失败,错误:"+err);
        return;
    }
    // console.log(data); // 默认读取出来的是buffer数据
    console.log(data.toString());
})

同步读取 readFileSync()

同步 检查文件是否存在 返回true/false
async:异步
sync:同步
同步读取

let data = fs.readFileSync('test.txt')
console.log(data.toString());
console.log(123);

异步写入 writeFile()

// 异步写入
fs.writeFile('test.txt','abcdef',err=>{
    if(err){
        console.log("写入失败,错误:"+err);
        return
    }
    console.log("写入成功");
})

同步写入 writeFileSync()

fs.writeFileSync('test.txt','asdfasdf')
console.log("写入成功");
console.log(123);

appendFile()

上面的写入方式是覆盖写入,如果要追加而不覆盖 - appendFile

fs.appendFile('./test.txt','123456',err=>{
    if(err){
        console.log("追加失败,错误是:"+err);
        return
    }
    console.log("追加成功");
})
console.log(123);

同步追加


fs.appendFileSync('test.txt','abcdef')
console.log("追加成功");
console.log(123);

let bool = fs.existsSync('c.js') // 判断文件是否存在的 - 返回布尔值
console.log(bool);

stat()

fs.stat(文件,(err,stats) => {
	stats.isDirectory() // 是否是目录
	stats.isFile()       // 是否为文件
	stats.size            // 文件大小(以字节为单位)
})

示例

fs.stat('test.txt',(err,info)=>{
    // err如果存在,就说明获取文件信息失败
    if(err){
        console.log("获取失败,错误是:"+err);
        return
    }
    console.log(info); // info就是获取到的文件信息
    console.log(info.isDirectory()); // 判断这是否是一个目录 - 返回布尔值
    console.log( info.isFile() ); // 判断这是否是一个文件 - 返回布尔值
    console.log(info.size); // 文件大小 - 字节数
})

文件删除(异步)

文件删除
fs.unlink('test.txt',err=>{
    if(err){
        console.log("删除失败");
        return
    }
    console.log("删除成功");
})

流形式:

流形式读取最大的好处就是异步的
流式写入,如果是大文件,内容较多,例如视频等就需要流式写入,防止内存卡死

var fs=require("fs");
// 读取流模式
var stream=fs.createReadStream("E:\\test\\test10\\server\\config.json");
var data="";
stream.on("data",function(_data){
    data+=_data;
});
stream.on("end",function(){
    console.log(data);
})

var streamWriter = fs.createWriteStream('c:\\demo\a.txt');
setInterval(function(){
    streamWriter.write(`${new Date}\n`, (error) => {
    console.log(error);
  });
},1000)

// 流形式读取并写入
const fs = require('fs')
const readstream = fs.createReadStream('./note.txt');
readstream.pipe(fs.createWriteStream('./note2.txt'));

监视文件变化

let num = 0
 // 监视文件变化
 fs.watch('test.txt',()=>{

     console.log(++num);
 })

显示结果
在这里插入图片描述
一点一点输出buffer数据
什么是Buffer

buufer是处理二进制字节的一种方式,常用于TCP流、文件系统操作等场景。

解析excel

依赖插件:node-xlsx
安装: npm i node-xlsx -g

const nodeXlsx = require('node-xlsx')
 console.log(nodeXlsx.default);
let de = nodeXlsx.default;
 let data = de.parse("./test.xls") // 解析excel文件的方法 - 参数1是excel的文件路径
 console.log(data);

 console.log(data[0].data);

data是一个数组,默认是3个,分别代表sheet1 sheet2 sheet3
每个数组中都有一个对象:name每个sheet的名称,data是一个数组
data这个数组,代表表格中每一行数据

读取

一短文带你快速入门Node.js 基础及内置模块(一)_第4张图片
结果
一短文带你快速入门Node.js 基础及内置模块(一)_第5张图片

写入
let bu = nodeXlsx.build; // 这个方法是用来创建数据buffer的
let data = [
    {
        name:"语文成绩",
        data:[
            ["","语文"],
            ['张三',20],
            ['李四',30]
        ]
    },
    {
        name:"籍贯表",
        data:[
            ["姓名","籍贯"],
            ['张三','扬州'],
            ['李四','南京']
        ]
    },
    {
        name:"数学成几个",
        data:[
            ["姓名","成绩"],
            ['王五',80],
            ['赵六',90]
        ]
    }
];

let buffer = bu(data) // 得到buffer数据
require('fs').writeFileSync('aaa.xlsx',buffer)

crypto

/项目中,我们的密码是需要进行加密的 - md5加密是定向的,不可逆的,不能被解密的,但是容易被暴力破解 - 将一些常用字符的组合加密,做成一本字典,从中进行查询

const crypto = require('crypto')

查看所以的加密方式

console.log( crypto.getHashes() );

设置加密的hash方式

const md5 = crypto.createHash('md5')

加密

md5.update('123456')

输出加密结果 - 2进制、16进制

let result = md5.digest("hex")
let result = md5.digest("oct")

console.log(result);

http服务器

服务器介绍

Web服务器一般指的是网站服务器(服务器:给用户提供服务的机器就是服务器),是指驻留因特网上某一台或N台计算机的程序,可以处理浏览器等Web客户端的请求并返回相应响应,在服务器上还需要安装服务器软件,目前最主流的三个Web服务器软件是Apache、 Nginx 、IIS

创建服务器

// 导入http模块

const http = require('http')

// 创建web服务对象实例

const server = http.createServer()

// 绑定监听客户端请求事件request
// on方法做事件监听

server.on('request', (request, response) => {})

request: 接受客户端请求对象,它包含了与客户端相关的数据和属性

			   request.url     // 客户端请求的uri地址
		   request.method  //客户端请求的方式 get或post
	   request.headers	 // 客户端请求头信息(对象)

response:服务器对客户端的响应对象
设置响应头信息 ,用于响应时有中文时乱码解决处理
response.setHeader(‘content-type’, ‘text/html;charset=utf-8’)
设置状态码(常见的HTTP状态码有:200,404,301、302、304、403、401、405、500,502)
response.statusCode = 200(默认是200)
response.writeHead(statusCode, [reasonPhrase], [headers]))
statusCode:状态码
reasonPhrase:状态描述
headers:头信息
response.write(响应数据) 可调用多次,最终会将多次数据拼接在一起响应
向客户端发送响应数据,并结束本次请求的处理过程
response.end(‘hello world’)
启动服务

server.listen(8080, () => {
    console.log('服务已启动')
})

监听服务器

server.listen(12345,()=>{
    console.log("服务器启动了,地址是:http://localhost:12345");
})


require('http').createServer((req,res)=>{
    res.end('ooookk')
}).listen(3000)

静态资源服务器

const fs = require('fs')
require('http').createServer((req,res)=>{
    if(req.url === '/favicon.ico'){
        let data = fs.readFileSync('./favicon.ico')
        res.end(data)
    }else{
 let data = fs.readFileSync('.'+req.url)
 res.end(data)
 }

为什么请求路径是 /XXX?因为请求路径其实是主机名后面到?前的这一段
协议://用户名:密码@主机名/路径?参数#hash

为什么下面读取的时候是 ./? 因为我们在找文件,需要使用相对路径

    if(fs.existsSync('.'+req.url)){
        let data = fs.readFileSync('.'+req.url)
        // 响应的时候,服务器设置一个默认的响应头 - 为了识别文件
        res.end(data)

        // if(req.url === '/src/html.html'){
        //     fs.readFileSync('src/html.html')
        //     fs.readFileSync(req.url.slice(1)) // 也可以,不如拼接 . 方便
        //     fs.readFileSync('.'+req.url)
        // }
    }else{
        // 文件不存在
        res.statusCode = 404
        res.statusMessage = 'file is not found'
        res.setHeader('content-type','text/html;charset=utf8')
        let html = `
            <h1>404页面</h1>
            <p>页面不存在</p
        res.end(html)
    }
}).listen(3000)
 if(req.url === '/favicon.ico'){
        res.end()
    }else{
        // 对每个请求路径做判断
        if(req.url === '/src/home.html'){
            // 读取对应的文件
            let html = fs.readFileSync('./src/home.html')
            // 为了让数据更好的显示 - 设置响应头 - 文件类型
            res.setHeader('content-type',"text/html")
            // 响应读取出来的buffer
            res.end(html)
        }*
   刚开始响应html的时候,浏览器会一直没有停止下来,因为html中使用过link标签、script标签、img标签,这些标签会
   自动发送http请求 - 这些请求也需要处理,否则html页面就不完整
 
       正常的css请求,看到响应是css代码,我们在处理这次请求的时候,也是将css文件读取出来并响应buffer即可


    // 包含node_modules请求路径的请求,读取路径比请求路径多 .,一次性将带有node_modules的请求路径处理
/*else if(req.url.includes("/node_modules")){
    let data = fs.readFileSync('.'+req.url)
    res.end(data)
}*/

css资源

 else if(req.url.includes('/css')){
        let css = fs.readFileSync('.'+req.url)
        res.setHeader('content-type',"text/css")
        res.end(css)
    }

js资源

 else if(req.url.includes('/js')){
        let js = fs.readFileSync('.'+req.url)
        res.setHeader('content-type',"application/javascript")
        res.end(js)
    }

图片请求,也是将图片读取出来并响应即可

  /*else if(req.url.includes('/images')){
        let img = fs.readFileSync('.'+req.url)
        res.setHeader('content-type','image/jpeg')
        res.end(img)
    }*/
    let data = fs.readFileSync('.'+req.url)
    res.end(data)
}

完整代码

//  a. 导入
const http = require("http");
const path = require("path");
const fs = require("fs");
//  b. 创建web实例
const server = http.createServer();
//  c. 监听request事件
server.on("request", (req, res) => {
    // 获取当前用户访问的资源路径
    let uri = req.url;
    // 由于“/”没有实体资源,需要将“/”做处理,如果访问“/”则让其对应访问“/index.html”
    if (uri == "/") {
        uri = "/index.html";
    }
    // 默认情况下,浏览器在第一次请求网站的时候会访问“/favicon.ico”图标文件,如果没有也会出现404
    // 如果需要解决这个问题,则有3种方式:
    // 方式1:去找个ico文件,存放在静态资源的public目录下,命名为“favicon.ico”
    // 方式2:在处理的时候忽略“/favicon.ico”文件的处理,也就是下面的加了判断的写法
    // 方式3:不管,不用处理,其不影响页面的显示
    if(uri != '/favicon.ico'){
        // 读取文件(fs模块),将内容返回给用户(res.end)
        let filename = path.join("public", uri);
        // 判断文件是否存在
        if (fs.existsSync(filename)) {
            fs.readFile(filename, (err, data) => {
                if (!err) {
                    // ok
                    res.end(data);
                } else {
                    // 不ok
                    res.setHeader("Content-Type", "text/html;charset=utf-8");
                    res.statusCode = 500;
                    res.end("请求资源出现错误。。。");
                }
            });
        } else {
            res.setHeader("Content-Type", "text/html;charset=utf-8");
            res.statusCode = 404;
            res.end("你要找的资源失踪了。。。");
        }
    }
});
//  d. 监听端口,启动服务
server.listen(8080, () => {
    console.log("server is running at http://127.0.0.1:8080");
});

获取get参数

// 导入
const http = require('http');
const url = require('url');
// 创建实例&监听request事件&监听端口
http.createServer((req, res) => {
    //  之前第3步中的回调函数
	// 获取地址栏中 query数据
	let { query } = url.parse(req.url, true);
	console.log(query);
}).listen(8080)

获取post参数

// 创建一个服务器
require('http').createServer((req,res)=>{
    if(req.url === '/'){
        // 响应表单
        let html = `
            

`
// 设置响应头 - 让这个字符串解析成html的样子显示 res.setHeader('content-type','text/html;charset=utf8') res.end(html) }else if(req.url === '/post'){ // 获取post的参数 // 给req绑定data事件 - 表示正在接受数据 // let data = ''; let arr = []; req.on('data',chunk=>{ // chunk是每一次流下来的数据流 - buffer // data += chunk; arr.push(chunk) }) // 给req绑定end事件,当数据接收完毕执行回调 req.on('end',()=>{ // console.log(data); console.log(arr); // 最终是一个很多小buffer组成的数组 let buf = Buffer.concat(arr) // 将小buffer组成的数组,变成一个大的buffer数据 console.log(buf); console.log(buf.toString()); }) res.end(req.method) } }).listen(3000)

爬虫

爬虫 - 利用http提供的get和post方法来爬取数据

const http = require('http');
http.get(地址,data=>{
    // 通过事件接收数据
})

http.post(地址,data=>{
    // 通过事件接收数据
})

const http = require('http')

// 爬虫
http.get('http://*******.cn/',data=>{
    // console.log(data);
    // data是爬虫对象 - 获取数据 - 跟post请求的数据获取方式一样
    let html = '';
    data.on('data',chunk=>{
        html += chunk
    })
    data.on('end',()=>{
        console.log(html);
        // 将爬回来的页面写在html中
        require('fs').writeFileSync('./******.html',html)
    })
})

代理设置

第三方模块 安装 npm i http-proxy-middleware -g
在解决跨域中使用多

const http = require('http')
const proxy = require('http-proxy-middleware')

http.createServer((req, res) => {
  let url = req.url

  res.writeHead(200, {
    'Access-Control-Allow-Origin': '*'
  })

  if (/^\/api/.test(url)) {
    let apiProxy = proxy('/api', { 
      target: 'https://m.lagou.com',
      changeOrigin: true,
      pathRewrite: {
        '^/api': ''
      }
    })

    // http-proy-middleware 在Node.js中使用的方法
    apiProxy(req, res)
  }
})

events自定义事件

nodejs提供了一个events模块用来处理事件相关请求

const events = require('events')

在events中有一个方法叫 EventEmitter - 用来实例化一个事件类

let emitter = new events.EventEmitter()

使用这个实例化的对象来绑定事件/触发事件
并且绑定事件
// emitter.on(‘事件类型’,回调函数)

// emitter.on(‘abc’,()=>{
// console.log(‘这是abc事件的第一个处理函数’);
// })

// // 手动触发事件
// emitter.emit(‘abc’)

// 绑定和触发的时候还可以给函数传参

 emitter.on('aaa',function(a,b){
    console.log(a,b);
 })

// // 触发传入实参

emitter.emit('abc',1,2)

// 同类型事件绑定多次
// emitter.on(‘abc’,a1)
// function a1(){
// console.log(“abc事件的处理函数1”);
// }
// emitter.on(‘aaa’,a2)
// function a2(){
// console.log(“abc事件的处理函数2”);
// }

// // 解绑 - 必须传入被解绑的函数
// emitter.off(‘abc’,a1)

// // 触发传入实参
// emitter.emit(‘abc’)
// emitter.emit(‘abc’)

// 只能触发一次的事件 - once
emitter.once(‘abc’,function(){
console.log(“abc事件只能触发一次”);
})

压缩文件

压缩

const zlib = require('zlib')
const fs = require('fs')

创建一个压缩流

let gzip = zlib.createGzip();

创建一个读取流 - 被压缩文件的文件流

let rs = fs.createReadStream('./xiaohua.html','utf-8')

创建一个写入流 - 压缩文件的写入流

let ws = fs.createWriteStream('./xiaohua.zip','utf-8')

开始压缩
nodejs中内置管道 pipe

rs.pipe(gzip).pipe(ws)

手动压缩可以一次性压缩多个文件,压缩后的文件名称可以自定义代码压缩只能压缩一个
解压后,文件名称就变成了自定义的压缩包的名称

let gzip = zlib.createGzip()

创建读取流和写入流

let rs1 = fs.createReadStream("./xiaohua.zip",'utf-8')
let ws1 = fs.createWriteStream('xiaohua','utf-8')

开始解压

rs1.pipe(gzip).pipe(ws1)

解压

const zlib = require('zlib')
const fs = require('fs')

解压的时候
创建一个压缩流

let gzip = zlib.createGzip()

创建读取流和写入流

let rs = fs.createReadStream("./xiaohua.zip",'utf-8')
let ws = fs.createWriteStream('a.html','utf-8')

开始解压

rs.pipe(gzip).pipe(ws)

逐行读取

const readline = require("readline")
const fs = require('fs')

创建逐行读取的接口 - 参数需要一个读取流

let ri = readline.createInterface(fs.createReadStream('./xiaohua.html'))

绑定一个line事件,表示正在逐行读取

let num = 0
ri.on('line',line=>{

    // line表示每次读取的这一行的数据
    console.log(line,++num);
}

第三方模块

一段文快速带你入门Node.js和第三方模块(二)

你可能感兴趣的:(node.js,子模块,javascript,大前端,http)