day22JS-npm中的部分插件使用方法

news2024/11/13 10:15:15

1. 静态资源目录

静态资源目录就是访问服务器的某些路劲时候，服务器可以吐出一个写好的指定页面。

实现思路：

1、先判断要找的路径是否是文件，如果是文件，就加载发给对方。

2、如果是文件夹，找到这个文件夹所在路径中有没有index.html，如果有加载发送。

3、如果文件夹，并没有index.html,加载404发送。

案例：

1. 创建一个api的文件夹，打开集成终端执行npm init -y 命令得到一个package.json文件，编写该文件。

{
  "name": "api",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "nodemon PORT=4000"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "nodemon": "^3.1.4"
  },
  "dependencies": {
    "cheerio": "^1.0.0",
    "jsonwebtoken": "^9.0.2",
    "mime": "^3.0.0",
    "node-xlsx": "^0.24.0"
  }
}

 2. 创建入口文件index.js ，

3.创建staticPublic.js文件，编写该文件。在集成终端中执行npm start 命令启动命令。

const http = require("http");
const path = require("path");
const mime = require("mime");
// 创建一个服务
http.createServer(async function (req, res) {
    // 获取到响应对象的路劲
    let url = req.url;
    // 加载
    let [result, mimeType] = await getFile(url)
    //编写请求头
    res.writeHead(200, {
        // 如果是文本文件就解析它，如果不是文本文件就直接返回
        "Content-Type": /text/.test(mimeType) ? mimeType + ";charset=utf-8" : mimeType
    })
    res.end(result);
}).listen(process.env.PORT)

// 获取文件函数
async function getFile(url) {
    // 获取当前文件的上一级路劲并拼接上public
    const paths = path.join(path.resolve(), "public", url);
    // 使用fsp.stat()方法获取到路劲最后面的路劲判断是不是文件
    const stat = await fsp.stat(paths).catch(e => { });
    // 不是文件的情况，则返回404页面
    if (!stat) {
        return await getFile("/404.html");
    }
    // 是文件的情况
    if (stat.isFile()) {
        // 使用mime.getType()方法判断文件类型
        return [await fsp.readFile(paths), mime.getType(paths)];

        // 是文件夹的情况
    } else if (stat.isDirectory()) {
        // 获取到当前文件的上一级路劲并拼接上index.html页面
        return await getFile(path.join(url, "./index.html"))
    }
}

4.在入口文件index.js 中导入staticPublic.js文件。

require("./staticPublic")

5. 创建一个public的文件夹，在创建一个image文件夹存放几张图片。

6. 在public的文件夹下创建一个index.html文件和一个404.html文件，并编写该文件。

index.html文件:

<body>
    <a href="#">超链接</a>
    <img src="/img/img_12.JPG">
</body>

 404.html文件:

<body>
    <h1>404</h1>
</body>

2. 爬虫

爬虫：获取一个网页中全部的文件和内容。一般用于静态页面。

爬虫使用的插件：cheerio是模仿jQuery方式实现的一个第三方爬虫解析插件，可以将文本像html一样通过选择器和筛选器将数据分离。

方法：

cheerio.load(数据结果) ：加载数据。

$("标签名/类名/id名").each((index, item) => { ...} : 遍历。

$(标签名).attr("属性名"); ：获取标签的某个属性。

1. 在api的文件夹下创建一个reptile.js文件，并编写该文件。

// 引入https模块
const https = require("https");
// 引入爬虫插件
const cheerio = require("cheerio");
// querystring解析模块
const querystring = require("querystring");
// 引入文件模块
const fsp = require("fs/promises")
const path = require("path");
// 获取到网址
https.get("https://news.163.com/", async function (respone) {
    let list = [];
    // 调用该函数获取到网址上的数据
    let result = await getData(respone)
    // 使用cheerio.load()解析数据
    let $ = cheerio.load(result)
    // 使用元素选择器获取到所有的img标签，然后遍历
    // index：元素索引, item：元素
    $("img").each((index, item) => {
        // 获取到img标签的src属性
        let src = $(item).attr("src");
        // 没有src属性的情况
        if (!src) {
            // 使用querystring.parse()解析获取到data-original属性
            src = querystring.parse($(item).attr("data-original").split("?")[1]).url;
        }
        list.push(src);
    })
    for (var i = 0; i < list.length; i++) {
        // 如果没有https开头就要添加一个https
        if (!/https?/.test(list[i])) list[i] = "https:" + list[i];
        let result = await getFile(list[i]);
        if (!result) continue;
        let fileName = list[i].split("/").pop();
        await fsp.writeFile(path.join(path.resolve(), "./public/img", fileName), result)
    }
})

// 获取数据的函数
function getData(req) {
    return new Promise(function (resolve, reject) {
        let data = ""
        req.on("data", _chunk => data += _chunk);
        req.on("end", () => resolve(data))
    })
}

// 获取文件数据都函数
function getFile(url) {
    return new Promise(function (resolve, reject) {
        https.get(url, async function (respone) {
            let result = await getImageData(respone);
            resolve(result);
        })
    })
}

// 获取图片数据的函数
function getImageData(req) {
    return new Promise(function (resolve, reject) {
        let data = Buffer.alloc(0);
        req.on("data", _chunk => {
            data = Buffer.concat([data, _chunk], data.length + _chunk.length);
        });
        req.on("end", () => resolve(data))
    })
}

2.在入口文件index.js 中导入reptile.js文件。

require("./reptile");

3. Excel表格解析

        Excel表格解析需要先下一个第三方模块node-xlsx，这里完成了一个excel表格筛选重建的内容然后创建一个新的表格文件。

1. 在api的文件夹下创建一个excels.js文件，并编写该文件。

const fsp = require("fs/promises");
const xlsx = require("node-xlsx");
const path = require("path");
init();
async function init() {
    // 读取文件内容
    let result = await fsp.readFile(path.join(path.resolve(), "./public/excel/cjd.xlsx"))
    // 使用xlsx.parse（）解析数据，获得一个数组对象
    let data = xlsx.parse(result);
    // 把总分不及格的人筛选出来
    let data1 = data[0].data.filter((item, index) => {
        // 不是元素第4项直接跳出
        if (index < 4) return true;
        return Number(item[item.length - 1]) < 60;
    })
    // 创建一张excels表格
    let buffer = xlsx.build([{ name: "不及格的成绩单", data: data1 }]);
    // 把筛选出来数据写入表格
    await fsp.writeFile(path.join(path.resolve(), "./public/excel/a.xlsx"), buffer)
}

2. 在入口文件index.js 中导入excels.js文件。

require("./excels");

4.  Crypto原生加密

引入语法：const crypto = require("crypto");

方法：

crypto.createHmac(加密key, 要加密的字符串) .update("更新的密码").digest("指定字符集")

const crypto = require("crypto");
var str = 'abcdef';
var hash = crypto.createHmac("sha256", str).update("123456").digest("dex")
console.log(hash);

5. bcrypt 第三方加密  

下载命令：npm i bcrypt -S

加密：

 bcrypt.hash(password,10,function(err,encryted){
            console.log(encryted);
 })

验证： 

 bcrypt.compare(pass,hash,function(err,bool){
            console.log(bool);
        })

6. jsonwebtoken加密

下载命令：npm i jsonwebtoken

引入语法：const jsonwebtoken = require("jsonwebtoken");

方法：

jsonwebtoken.sign(要加密的字符串, 加密key)：加密

jsonwebtoken.verify(要解密密的字符串, 加密key)：解密

对称加密 ：加密的秘钥和解密的秘钥是完全相同的。

非对称加密 ：加密的秘钥和解密的秘钥是不相同的。jsonwebtoken使用借助于openssl密钥的生成。私钥加密，公钥解密。

openssl下载地址：Win32/Win64 OpenSSL Installer for Windows - Shining Light Productions

打开openssl命令行：openssl

生成一个2048位的私钥：genrsa -out rsa_private_key.pem 2048

根私钥生成公钥：rsa -in rsa_private_key.pem -pubout -out rsa_public_key.pem

 加密：

const jsonwebtoken = require("jsonwebtoken");
let key = "xietian";

let str = "abcdef";
let hash = jsonwebtoken.sign(str, key);
console.log(hash);

解密： 

const jsonwebtoken = require("jsonwebtoken");
let key = "xietian";

let hash1 = "eyJhbGciOiJIUzI1NiJ9.YWJjZGVm.pazQAwUB0OAO-xlF6D0sV1r-lQCPGQcGwvUWV20fiuE";
let str1 = jsonwebtoken.verify(hash1, key);
console.log(str1);

案例1：

const jsonwebtoken = require("jsonwebtoken");
// 加密
var data = { name: "kwj", age: 20 };
let hash = jsonwebtoken.sign(data, "123456");
console.log(hash);
console.log("--------------------------");
// 解密
var data1 = { name: "xietian", age: 20 };
let hash1 = jsonwebtoken.verify(hash, "123456")
console.log(hash1);

案例2：jsonwebtoken的对称解密

// 对称加密  秘钥 加密的秘钥和解密的秘钥是完全相同的
// 可以多次加密解密
const jsonwebtoken = require("jsonwebtoken");
// 加密
var data = { a: 1, b: 2 };
var hash = jsonwebtoken.sign(data, "123456");
var hash1 = jsonwebtoken.sign(hash, "123456");
console.log(hash1);
console.log("----------------------------------");
// 解密
var hash2 = jsonwebtoken.verify(hash1, "123456");
var data1 = jsonwebtoken.verify(hash2, "123456");
console.log(data1);

案例3：jsonwebtoken的非对称解密 

const jsonwebtoken = require("jsonwebtoken");
const fsp = require("fs/promises");
const path = require("path")
// 非对称加密
init();
async function init() {
    var data = { name: "xietian", age: 20 };
    var privateKey = await fsp.readFile(path.resolve("./rsa_private_key.pem"));
    var hash = jsonwebtoken.sign(data, privateKey, { algorithm: "RS256" })
    var publicKey = await fsp.readFile(path.resolve("./rsa_public_key.pem"));
    var data1 = jsonwebtoken.verify(hash, publicKey);
    console.log(data1);
}

7. cors跨域

下载命令：npm i cors -S

使用方法(固定写法) ：app.use(cors())

8. 客户端版socket

连接分为长连接和短连接(客户端给服务端发消息，服务端返回消息，然后连接就断了)。

socket是一种长连接，因此需要保障每一个连接过来的客户端都被存储引用。

readline是读取终端的行消息。

引入模块：

const net = require('net')；

服务端创建服务：

const server = new net.createServer()；

客户端创建socket服务：

var socket = new net.Socket()；

引入模块：

const readline = require("readline");

实现案例：

服务端：

1. 创建一个socketServer1文件夹，在该文件夹下打开集成终端执行npm init -y 命令初始化得到package.json文件，编写该文件。

{
  "name": "socketserver1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "nodemon PORT=4000 "
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "nodemon": "^3.1.4"
  }
}

2. 在集成终端执行 npm i 和npm start命令。

3. 新建入口文件index.js，编写代码。

// 引入net模块
const net = require("net");
// 创建服务器(服务端)
const server = net.createServer();
// n表示连接成功的次数
let n = 0;
// 连接上的client集合
let list = {};
// server.on()方法是侦听connection事件的连接情况
server.on("connection", connnectionHandler);
// server.listen()开启端口号
server.listen(process.env.PORT);
// 侦听connection事件的函数(参数:客户端)
function connnectionHandler(client) {
    n++;
    // 相当于给进来的client取名字
    client.name = n;
    // client存入list
    list[n] = client;
    // console.log(Object.keys(list).length);
    // 侦听客服端error出错事件的函数
    client.on("error", () => errorHandler(client));
    // 侦听客服端close关闭事件的函数
    client.on("close", () => closeHandler(client));
    // 侦听服务器发送数据给客户端的函数
    client.on("data", (msg) => getMsgHandler(msg, client))
}
// 侦听客服端发送数据的函数
function getMsgHandler(msg, client) {
    console.log(msg + "");
    for (var key in list) {
        list[key].write(msg + "");
    }
}

// 侦听客服端error出错事件的函数
function errorHandler(client) {
    console.log(client.name + " error");
    // 关闭出错的client的连接
    client.end();
}

// 侦听客服端close关闭事件的函数
function closeHandler(client) {
    console.log(client.name + "关闭下线了");
    // 关闭client的连接
    client.end();
    // 从集合中删除
    delete list[client.name];
}

客服端：

1. 创建一个socketClient1文件夹，在该文件夹下打开集成终端执行npm init -y 命令初始化得到package.json文件，编写该文件。

{
  "name": "socketclient1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "node index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

2. 新建入口文件index.js，编写代码。

// 也要引入net模块
const net = require("net");
// 读取终端行消息模块
const readline = require("readline");
// 这个代码让我们的命令行变为输入端和输出端
const order = readline.Interface({
    // 这里是输入端
    input: process.stdin,
    // 这里是输出端
    output: process.stdout
})

let socket;
init();
// 初始化函数
function init() {
    // 客户端创建socket服务
    socket = new net.Socket();
    // 连接服务端(参数:4000的端口号,参数:域名或id地址,参数:连接成功的回调函数)
    socket.connect(4000, "localhost", () => {
        // 当连接上服务端执行这个函数
        // 发信息的方法一:
        // socket.write()方法是直接发消息给服务端
        // socket.write("你好");
        // 发信息的方法二:
        // order.question("输入:", (msg) => {
        //     // 发送的消息
        // })
    })
    // 侦听服务端发送回来的数据
    socket.on("data", (msg) => msgHandler(msg));
    inputShow();
}

function msgHandler(msg) {
    console.log(msg + "");
}

// 使用readline模块的方法发送消息
function inputShow() {
    order.question("输入：", (msg) => {
        socket.write("谢天说:" + msg);
        inputShow();
    })
}

9. 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2142372.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

STL相关简介

STL相关简介

string 看到这个词&#xff0c;相信大家一定都很好奇什么是string&#xff0c;它有什么作用呢&#xff1f;今天&#xff0c;就让我们一起来了解一下关于string的简介吧~ 目录 string 1. 什么是STL 2. STL的版本 3. STL的六大组件 4. STL的重要性 5. 如何学习STL 6.STL的…
阅读更多...
modbus调试助手/mqtt调试工具/超轻巧物联网组件/多线程实时采集/各种协议支持

modbus调试助手/mqtt调试工具/超轻巧物联网组件/多线程实时采集/各种协议支持

一、前言说明 搞物联网开发很多年&#xff0c;用的最多的当属modbus协议&#xff0c;一个稳定好用的物联网组件是物联网平台持续运行多年的基石&#xff0c;所以这个物联网组件从一开始就定位于自研&#xff0c;为了满足各种场景的需求&#xff0c;当然最重要的一点就是大大提…
阅读更多...
【题解】—— [CSP-J2019 江西] 面积

【题解】—— [CSP-J2019 江西] 面积

【题解】—— [CSP-J2019 江西] 面积 [CSP-J2019 江西] 面积题目描述输入格式输出格式输入输出样例输入 #1输出 #1输入 #2输出 #2 提示 1.思路解析2.AC代码 [CSP-J2019 江西] 面积 通往洛谷的传送门 题目描述 Alice 有一个边长为 a a a 的正方形&#xff0c;Bob 有一个长宽…
阅读更多...
【Linux】生产者消费者模型：基于阻塞队列，使用互斥锁和条件变量维护互斥与同步关系

【Linux】生产者消费者模型：基于阻塞队列，使用互斥锁和条件变量维护互斥与同步关系

目录 一、什么是生产者消费者模型 二、为什么要引入生产者消费者模型&#xff1f; 三、详解生产者消费者模型 ​编辑 生产者和生产者、消费者和消费者、生产者和消费者&#xff0c;它们之间为什么会存在互斥关系&#xff1f; 生产者和消费者之间为什么会存在同步关系&…
阅读更多...
信奥学习规划（CSP-J/S)

信奥学习规划（CSP-J/S)

CSP-J组学习路线规划 CSP-S组学习规划
阅读更多...
AbMole带你解密穿心莲：天然植物中的抗癌新星

AbMole带你解密穿心莲：天然植物中的抗癌新星

在浩瀚的自然界中&#xff0c;隐藏着无数未被完全发掘的宝藏&#xff0c;其中&#xff0c;穿心莲&#xff08;Andrographis paniculata&#xff09;作为一种传统的药用植物&#xff0c;正逐渐展现出其在现代医学研究中的独特魅力。近日&#xff0c;一项发表在《Phytomedicine》…
阅读更多...
Jemter项目实战（黑马程序员）

Jemter项目实战（黑马程序员）

视频网址&#xff1a;02测试数据准备_哔哩哔哩_bilibili 自动化脚本架构搭建 新增和修改 新增 删除和查询 弱压力、高并发、高频率 弱压力测试 高并发 高频率 生成图形化报告
阅读更多...
深入理解命令模式：行为设计模式的精髓

深入理解命令模式：行为设计模式的精髓

在软件设计中&#xff0c;命令模式&#xff08;Command Pattern&#xff09;是一种行为设计模式&#xff0c;它将请求封装成对象&#xff0c;从而使你可以用不同的请求对客户进行参数化&#xff0c;并且支持请求的排队、记录日志以及撤销操作。命令模式是设计模式中的一种&…
阅读更多...
通信工程学习：什么是EPON以太网无源光网络

通信工程学习：什么是EPON以太网无源光网络

EPON&#xff1a;以太网无源光网络 EPON&#xff08;Ethernet Passive Optical Network&#xff0c;以太网无源光网络&#xff09;是一种结合了以太网技术和无源光网络&#xff08;PON&#xff09;优势的高速、大容量宽带接入技术。以下是关于EPON的详细解释&#xff1a; 一、…
阅读更多...
【经典文献】双边滤波

【经典文献】双边滤波

文章目录 ICCV 1998基本思路双边高斯滤波 ICCV 1998 1995年&#xff0c;Aurich和Weule提出一种非线性高斯滤波器&#xff0c;三年后&#xff0c;Tomasi和Manduchi将其用于图像平滑&#xff0c;并将其命名为双边滤波。 Aurich, V., & Weule, J. (1995). Non-linear Gaussi…
阅读更多...
Git常用指令整理【新手入门级】【by慕羽】

Git常用指令整理【新手入门级】【by慕羽】

Git 是一个分布式版本控制系统&#xff0c;主要用于跟踪和管理源代码的更改。它允许多名开发者协作&#xff0c;同时提供了强大的功能来管理项目的历史记录和不同版本。本文主要记录和整理&#xff0c;个人理解的Git相关的一些指令和用法 文章目录 一、git安装 & 创建git仓…
阅读更多...
蓝桥杯-STM32G431RBT6（串口）

蓝桥杯-STM32G431RBT6（串口）

前言 一、配置 二、使用步骤 1.串口发送 代码逻辑 效果展示 2.串口接收单个字符 代码逻辑 中断回调函数 3.串口接受字符串 代码逻辑 字符串函数 中断回调函数 声明 代码开源 前言 一、配置 二、使用步骤 1.串口发送 代码逻辑 sprintf(tx_buf,"jin ke\r\n&…
阅读更多...
(学习总结17)C++继承

(学习总结17)C++继承

C继承 一、继承的概念与定义继承的概念继承定义1. 定义格式2. 继承基类成员访问方式的变化 继承类模板 二、基类和派生类间的转换三、继承中的作用域隐藏规则 四、派生类的默认成员函数4个常见默认成员函数实现一个不能被继承的类 五、继承与友元六、继承与静态成员七、多继承及…
阅读更多...
DFS：二叉树中的深搜

DFS：二叉树中的深搜

✨✨✨学习的道路很枯燥&#xff0c;希望我们能并肩走下来! 文章目录 目录 文章目录 前言 一. 深搜的总结 二. 二叉树的深搜题目 2.1 计算布尔二叉树的值 2.2 求根节点到叶节点的数字之和 2.3 二叉树剪枝 2.4 验证二叉搜索树 2.5 二叉搜索树中第k小的节点 2.6 二叉树的…
阅读更多...
【C++】——继承详解

【C++】——继承详解

目录 1、继承的概念与意义 2、继承的使用 2.1继承的定义及语法 2.2基类与派生类间的转换 2.3继承中的作用域 2.4派生类的默认成员函数 <1>构造函数 <2>拷贝构造函数 <3>赋值重载函数 <4析构函数 <5>总结 3、继承与友元 4、继承与静态变…
阅读更多...
在VC++6.0中创建一个C++项目

在VC++6.0中创建一个C++项目

1、下载并安装VC6.0 暂时不介绍下载安装&#xff0c;后续可能会补充 2、打开VC6.0 初始界面如下图&#xff1a; 3、创建一个空工程 文件-新建 在新建弹框中选择&#xff1a;工程-win32 console Application-填写工程名、选择保存路劲-确定 在新的弹框中&#xff0c;选择&…
阅读更多...
BIT小学期-电话号码问题

BIT小学期-电话号码问题

Output 输出包括两个部分&#xff0c;第一个部分是错误的电话号码&#xff0c;对于这些号码应当按照输入的顺序以原始的形式输出。在输出错误电话号码前输出Error:&#xff0c;随后输出这些号码&#xff0c;如果没有错误的电话号码&#xff0c;则输出Not found. 第二部分是重…
阅读更多...
[C++进阶]AVL树

[C++进阶]AVL树

前面我们说了二叉搜索树在极端条件下时间复杂度为O(n),本篇我们将介绍一种对二叉搜索树进行改进的树——AVL树 一、AVL 树的概念 二叉搜索树虽可以缩短查找的效率&#xff0c;但如果数据有序或接近有序二叉搜索树将退化为单支树&#xff0c;查找效率低下。因此&#xff0c;两位…
阅读更多...
6个Python小游戏项目源码【免费】

6个Python小游戏项目源码【免费】

6个Python小游戏项目源码 源码下载地址&#xff1a; 6个Python小游戏项目源码 提取码: bfh3
阅读更多...
深度学习Day-33：Semi-Supervised GAN理论与实战

深度学习Day-33：Semi-Supervised GAN理论与实战

&#x1f368; 本文为&#xff1a;[&#x1f517;365天深度学习训练营] 中的学习记录博客 &#x1f356; 原作者&#xff1a;[K同学啊 | 接辅导、项目定制] 一、 基础配置 语言环境&#xff1a;Python3.8编译器选择&#xff1a;Pycharm深度学习环境&#xff1a; torch1.12.1c…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023