CommonJS导出方法：
module.exports = test; // 导出单个方法
module.exports = { // 一个文件中导出多个方法
test,
upper,
}
exports.test = test;
exports.upper = upper;
CommonJS导入方法:
var moduleA = require("./a");npm i md5 --save <==> npm i md5 // dependencies 开发版本
npm i md5 --save-dev // devDependencies 上线版本
npm uninstall md5 -S如果你本机电脑使用的是淘宝源，运行公司的项目需要使用公司的私有源，那么此时你就可以使用 nrm，nrm 是 npm 的镜像源管理工具，然后使用 npm，npm 的源指向 taobao。
npm i nrm -g
nrm -V
nrm ls
nrm add taobao https://registry.npm.taobao.org/
nrm use taobao
nrm currentyarn add md5 -S => npm i md5 -S
yarn remove md5 -S => npm uninstall md5 -S
yarn install => npm install
yarn upgrade => npm update(1)、http 模块
7-1.创建服务器，直接转发 html 片段或 json 数据给前端， Content-type = application/json || text/html || text/plain，中文会乱码，添加 Content-type = text/html;charset=utf-8
const http = require('http');
const server = http.createServer((req, res) => {
res.setHeader('Content-type', 'application/json');
res.write('hello world');
res.write('你好');
res.end();
});
server.listen(3000, () => {
console.log('listen on port 3000');
});/**
* 知识回顾：jsonp是什么？jsonp的原理是什么？优缺点是什么
* jsonp是前端解决跨域方式之一。
* 原理：利用script标签的scr属性没有跨域限制来实现的，将引用的外部文件的内容当做js代码来执行
* 步骤：1.前端提前定义好callback函数
* 2.前端动态创建一个script标签， scr属性指向后端接口路径，在路径后面添加callback参数，插入到body中
* 3.前端请求后端，后端收到前端的请求，解析callback参数，后端返回给前端一个函数，函数名使用callback名，函数返回的内容需要为json格式
* 4.前端会在提前定义好的函数内取到后端返回的数据
* 优点：兼容性好，在一些老的浏览器也可以执行
* 缺点：只能进行get请求，因为jsonp是通过请求问号后面的callback函数
*/
const http = require('http');
const { URL } = require('url');
http
.createServer((req, res) => {
const url = new URL(req.url, 'http://127.0.0.1:3000/');
console.log(url.searchParams.get('callback'));
const callbackName = url.searchParams.get('callback');
res.writeHead(200, { 'Content-type': 'text/html;charset=utf-8' });
const data = `${callbackName} (${JSON.stringify(['1', 2])})`;
res.end(data);
})
.listen(3000);const oscript = document.createElement('script');
oscript.src = 'http://localhost:3000/?callback=jsonpFun';
document.body.appendChild(oscript);
function jsonpFun(params) {
console.log(params);
}/**
* 如果我想传一个json格式给前端，此时会遇到跨域
* 添加 'Access-Control-Allow-Origin': '*' 解决cors跨域
*/
const http = require('http');
http
.createServer((req, res) => {
res.writeHead(200, {
'Content-type': 'application/json;charset=utf-8',
'Access-Control-Allow-Origin': '*',
});
const data = JSON.stringify(['1', 2]);
res.end(data);
})
.listen(3000);fetch('http://localhost:3000/')
.then((res) => res.json())
.then((res) => {
console.log(res);
});/**
* 假设前端想直接请求美团的数据，肯定遇到跨域，但是前端想要美团的数据怎么办呢？
* 使用nodejs作为中间层，nodejs请求美团的接口，再聚合转发给前端。
* nodejs - 服务器<添加cors允许跨域请求头> 美团接口 - 另一台服务器 前端 - 客户端
* 服务器请求另一台服务器 不会遇到跨域，前端请求nodejs的服务器允许跨域
*/
const http = require('http');
const https = require('https');
http
.createServer((req, res) => {
res.writeHead(200, {
'Content-Type': 'application/json; charset=utf-8',
'Access-Control-Allow-Origin': '*',
});
if (req.url === '/api/list') {
httpsGetMeituan((data) => res.end(data)); // 异步编程
}
})
.listen(3000);
// 获取美团的数据，接口如果是https类型的，使用https模块；如果是http类型的，使用http模块。
function httpsGetMeituan(cb) {
let data = '';
https.get(
'https://gz.meituan.com/ptapi/getComingFilms?ci=20&limit=10',
(res) => {
res.on('data', (chunk) => {
// 请求得到的数据是数据流的格式
data += chunk;
// process.stdout.write(d); // 官网写法
});
// 告诉服务器已经发送完毕
res.on('end', () => {
cb(data); // 回调
});
}
);
}fetch('http://127.0.0.1:3000/api/list')
.then((res) => res.json())
.then((res) => {
console.log(res);
});| Content-Type | request body |
|---|---|
| applicaiton-json | json 格式 （使用 JSON.stringify） |
| x-www-form-urlencoded | 'name=qiuli&age=18' |
const http = require('http');
const https = require('https');
http
.createServer((req, res) => {
res.writeHead(200, {
'Access-Control-Allow-Origin': '*',
});
if (req.url === '/api/list') {
httpsPost((data) => res.end(data));
}
})
.listen(3000);
function httpsPost(cb) {
const options = {
hostname: 'dreport.meituan.net',
port: '443',
method: 'POST',
headers: {
'Content-Type': 'application/json',
// 'Content-Type': 'x-www-form-urlencoded',
},
};
const postData = JSON.stringify([
{
category: 'fe_perf_web',
logs: [{ type: 'browser.pv', value: 1, tags: {}, ts: '1662964164972' }],
env: {
token: '59918eb8616ab3217c7eeaf5',
sdkVersion: '1.1.9',
sr: '1366x768',
vp: '1349x150',
csz: 273,
ua:
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36',
uuid: '1662952731919',
url: 'https://gz.meituan.com/',
region: '',
operator: '',
network: '',
container: '',
os: '',
visit_id: 'd2439e96-8f89-40fb-8f54-634c48a00ef3',
other_uuid: '1ca7cddd257c4c2393f8.1662952717.1.0.0',
},
},
]);
// const postData = 'name=qiuli&age=18';
let data = '';
const req = https.request(options, (res) => {
res.on('data', (chunk) => {
data += chunk;
});
res.on('end', () => {
cb(data);
});
});
// Write data to request body
req.write(postData);
req.end();
}fetch('http://127.0.0.1:3000/api/list')
.then((res) => res.text())
.then((res) => {
console.log(res);
});npm init
npm i cheerio -S/**
* 有时候后端给前端返回一个html页面，这个时候通过nodejs可以直接爬虫到整个html页面，在nodejs中间层处理成新的数据返回给前端，通过cheerio第三方这个插件
* https://github.com/cheeriojs/cheerio/wiki/Chinese-README
*/
const http = require('http');
const cheerio = require('cheerio');
http
.createServer((req, res) => {
res.writeHead(200, {
'Content-Type': 'application/json;chaset=utf-8',
});
if (req.url === '/api/list') {
httpsGet((data) => res.end(spider(data)));
}
})
.listen(3000);
function httpsGet(cb) {
let data = '';
http.get('http://i.meituan.com/', (res) => {
res.on('data', (chunk) => {
data += chunk;
});
res.on('end', () => {
cb(data);
});
});
}
function spider(data) {
const $ = cheerio.load(data); // 在这里的基础上去找
const $categoryList = $('.category-wrap');
const categoryArr = [];
$categoryList.each((index, value) => {
categoryArr.push({
title: $(value).find('.category-text').text(),
imgSrc: $(value).find('.category-img').attr('src'),
});
});
// console.log(categoryArr, 'categoryArr');
return JSON.stringify(categoryArr);
}(2)、url 模块
http://localhost:3000/home?name=home 旧版：通过 url.parse(req.url)解析为一个对象； 新版：通过 URL
| 旧版 | 新版 | 获取 pathname | 获取 query |
|---|---|---|---|
| url | url.parse(url).pathname | url.parse(url,true) | |
| myURL = new URL(req.url, 'http://127.0.0.1:3000/') | myURL.pathname | myURL.searchParams |
const http = require('http');
const { URL } = require('url');
http
.createServer((req, res) => {
const myURL = new URL(req.url, 'http://127.0.0.1:3000/');
// console.log(myURL);// 拼凑url， 转成json
const pathname = myURL.pathname;
const searchParams = myURL.searchParams; // searchParams 是一个迭代器，可以进行增删改查+遍历
console.log(searchParams.get('name'));
console.log(searchParams.toString());
// es6方法遍历对象
for (const [key, value] of searchParams) {
console.log(key, value);
}
})
.listen(3000, () => {
console.log('server start');
});(3)、querystring 模块 - legacy 旧版 querystring 模块已废弃，实现相同使用 url 的新版写法
| 旧版 | 新版 | 字符转 json | json 转字符 | 对特殊字符转义 | 对特殊字符解义 |
|---|---|---|---|---|---|
| querystring | parse() | stringify() | escape | unescape | |
| url 模块的 URLSearchParams 类 | myURL.searchParams | toString() | encodeURIComponent | decodeURIComponent |
PS：encodeURI 和 encodeURIComponent 的区别：encodeURI 不会对 url 请求的 : / & ? 进行转义，encodeUIRComponent 会对所有字符进行转义。decodeURI 和 decodeURIComponent 同理
// url字符串转json
const { URL } = require('url');
const myURL = new URL('http://127.0.0.1:3000?name=home&age=100');
const queryObj = myURL.searchParams;
console.log(queryObj); // { 'name' => 'home', 'age' => '100' }
const newQueryObj = {};
queryObj.forEach((value, key) => {
newQueryObj[key] = value;
});
console.log(newQueryObj); // { name: 'home', age: '100' }
// json转url字符串，如果带中文，可用decodeURI解码，对应的可用encodeURI转码
const obj3 = {
name: '小秋',
age: 18,
};
const newObj3 = new URLSearchParams(obj3);
console.log(decodeURI(newObj3.toString()));
const str5 = 'http://localhost:3000/api/list?name=home&age=100';
const newStr5 = encodeURIComponent(str5); // 对字符串的特殊字符做转义
console.log(newStr5);
const str6 =
'http%3A%2F%2Flocalhost%3A3000%2Fapi%2Flist%3Fname%3Dhome%26age%3D100';
const newStr6 = decodeURIComponent(str6); // 把转义字符转回来
console.log(newStr6);(4)、fs 模块
1.fs 模块是对系统的输入输出操作，path 可以是相对路径或绝对路径，分为异步和同步，callback 的写法会导致回调地狱，可以使用 promise 实现异步（解决回调地狱，但是 promise 里面嵌套 promise，也是回调地狱），所以里面的 promise 可以使用 async_await 优雅解决回调地狱
| 创建文件 | 重命名文件 | 删除目录 | 强制删除目录 | 写入文件 | 写入文件 | 读文件 | 删除文件 | 读取目录下的所有文件 | 判断文件是目录还是文件 | |
|---|---|---|---|---|---|---|---|---|---|---|
| 同步 | mkdirSync | renameSync | rmdirSync | rmSync | writeFileSync | appendFileSync | writeFileSync | unlinkSync | readdirSync | statSync |
| 异步 | mkdir | rename | rmdir | rm | writeFile | appendFile | writeFile | unlink | readdir | stat |
| 解释 | 目录下有子文件或子目录，删不掉 | { force: true, recursive: true } | 新写入的文件会覆盖之前的文件 | 文件不会覆盖 | 使用 utf-8 编码 | 读取到的文件是个数组 | stats.isFile()文件、stats.isDirectory()目录 |
| 读流文件 | 写流入文件 | 可读流通过管道写进可写流,管道可以连续调用 | 可读流经过压缩写进可写流 |
|---|---|---|---|
| fs.createReadStream | fs.createWriteStream | rs.pipe(ws) | rs.pipe(gzip).pipe(ws) |
const fs = require('fs');
const rs = fs.createReadStream('./bbb.txt', 'utf-8');
const ws = fs.createWriteStream('./aaa.txt');
rs.pipe(ws);(5)、zlib 模块
应用场景：服务器返回给浏览器一个静态资源页面，通常是经过压缩的，zlib 提供压缩能力，压缩的方式需要在浏览器请求的 Accept-Encoding 里面选择一种编码格式，同时服务器在 Content-Encoding 返回选中的编码格式给浏览器，浏览器按照这种方式进行解码
const http = require('http');
const fs = require('fs');
const zlib = require('zlib');
const gzip = zlib.createGzip();
http
.createServer((req, res) => {
// req是一个可读流，res就是一个可写流
const rs = fs.createReadStream('./aaa.md');
res.writeHead(200, {
'Content-Type': 'application/json;charset=utf-8',
'Content-Encoding': 'gzip',
});
rs.pipe(gzip).pipe(res);
})
.listen(3000);(6)、events 模块
const http = require('http');
const https = require('https');
const EventEmitter = require('events');
let events = null;
http
.createServer((req, res) => {
res.writeHead(200, {
'Content-Type': 'application/json',
});
if (req.url === '/api/aaa') {
events = new EventEmitter();
// 订阅，回调接收发布传过来的参数
events.on('play', (data) => {
res.end(data);
});
httpsGet();
}
})
.listen(3000);
function httpsGet() {
let data = '';
https.get(
'https://gz.meituan.com/ptapi/getComingFilms?ci=20&limit=10',
(res) => {
res.on('data', (chunk) => {
data += chunk;
});
res.on('end', () => {
// 发布，第二个参数是传给订阅的参数
events.emit('play', data);
});
}
);
}(7)、crypto 模块
| hase 加密 | 加强版的 hase 加密 | AES 加密 | AES 解密 |
|---|---|---|---|
| createHase | createHmac | createCipheriv | createDecipheriv |
npm i -g nodemon
nodemon server.js
npm i -g node-dev
node-dev server.js采用哪种编码格式传输正文，就是对正文进行压缩的方式
# Content-Encoding: deflate; gzip;
工作原理：
1、浏览器发送请求，Request Headers通过Accept-Encoding带上自己支持的内容编码列表
2、服务器收到请求，从中挑出一种格式对响应正文进行编码，通过Content-Encodeing来说明服务器选定的编码格式。
3、浏览器接收到响应正文后，根据Content-Encoding进行编码。服务器告诉浏览器如何解析响应的数据，可以使用MIME这个第三方模块来判断文件的扩展名属于什么类型
# Content-Type: application/json;charset=utf-8;
# Content-Type: application/x-www-form-urlencoded;charset=utf-8;
# Content-Type: text/html;charset=utf-8;
# Content-Type: text/plain;charset=utf-8;
# Content-Type: text/html;charset=utf-8;fetch 方法是 promise 的封装，默认是 get 请求，then 后的第一个 res 不是最终的数据，需要 then 两次，第二次的 then 有几种常用的解析 res 的方法：res.json() 和 res.text()
用 fetch 方法请求 POST 类型的接口时，参数写在 fetch 的第二个参数，{body: {},method: 'POST',headers: {}}，headers 的 Content-Type 需要和后端约定好，
// GET
fetch('xxx.api')
.then((res) => res.json())
.then((res) => {
console.log(res);
});
// POST
fetch('xxx.api', {
method: 'POST',
body: JSON.stringify({}),
headers: {
'Content-Type': 'application/json',
},
})
.then((res) => res.json())
.then((res) => {
console.log(res);
});路由分为静态资源与 api 接口，可以解耦出来，分模块开发，最后合并为一个大路由对象，后端返回给前端静态资源的时候，静态资源包含 html，js，css 等，不可能把每个请求都枚举列出来，所以可以利用路径，拼凑出来找出它的绝对路径位置，利用 fs 模块判断改文件是否存在，如果存在返回它的静态文件，不存在即返回 404
const path = require('path');
path.join(__dirname, '/static', '/login.html');const mime = require('mime');
mime.getType('css');