这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天
Node.js的应用场景
前端工程化
- Bundle：webpack，vite，esbuild，parcel
- Uglify：uglifyjs
- Transpile：bablejs，typesctript
- 其他语言加入竞争：esbuild，parcel，prisma
- 现状：难以替代
Web服务器应用
- 学习曲线平缓，开发效率较高
- 运行效率接近常见的编译语言
- 社区生态丰富及工具链成熟（npm，V8 inspector）
- 与前端结合的场景会有优势（SSR）
- 现状：竞争激烈，Node.js有自己独特的优势
Electron跨端桌面应用
- 商业应用：vscode，slack，discord，zoom
- 大型公司内的效率工具
- 现状：大部分场景在选型时，都值得考虑
字节内应用
- BFF应用、SSR应用，举例：Modern.js
- 服务端应用，举例：头条搜索，西瓜视频，懂车帝
- Electron应用：飞连，飞书
- 每年新增1000+Node.js应用
Node.js运行时结构
- V8：JavaScript Runtime，诊断调试工具（inspector）
- libuv：eventloop（事件循环），syscall（系统调用）
特点
- 异步I/O
- 当Node.js执行I/O操作时，会在响应返回后恢复操作，而不是阻塞线程并占用额外内存等待
- 单线程
- 实际：JS线程+uv线程池+V8任务线程池+v8Inspector线程
- 优点：不用考虑多线程状态同步问题，也就不需要锁；同时还能比较高效地利用系统资源
- 缺点：阻塞会产生更多负面影响
- 解决方法：多进程或多线程
- 跨平台
- Node.js跨平台+JS无需编译环境（+Web跨平台+诊断工具跨平台）
- 开发成本低，整体学习成本低
编写Http Server
编写Http Server + Client，收发GET，POST请求
- Hello
const http = require('http')
const serve = http.createServer((req, res) => {
res.end('hello')
})
const port = 3000
server.listen(port, {} => {
console.log('server listens on: ${port}')
})
- JSON
const http = require('http')
const serve = http.createServer((req, res) => {
const bufs = []
req.on('data', (buf) => {
bufs.push(buf)
})
req.on('end', () => {
const bufs = Buffer.concat(bufs).toString('utf8')
let msg = 'hello'
try {
const ret = JSON.parse(buf)
msg = ret.msg
} catch (err) {
res.end('invalid json')
}
const responseJson = {
msg: 'receive: ${msg}'
}
res.setHeader('Content-Type', 'application/json')
res.end(JSON.stringify(responseJson))
})
})
const port = 3000
server.listen(port, {} => {
console.log('server listens on: ${port}')
})
- client
const http = require('http')
const body = JSON.stringify({
msg:'Hello form my own client',
})
const req = http.request('http://127.0.0.1:3000',{
method:'POST',
headers:{
'Content-Type': 'application/json',
}
},(res) => {
const bufs = []
res.on('data',(buf) => {
bufs.push(buf)
})
res.on('end', () => {
const buf = Buffer.concat(bufs)
const json = JSON.parse(buf)
console.log('json.msg is:', json.msg)
})
})
req.end(body)
- 可以用Promise + async await重写——将callback转换成promise
编写静态文件服务器
- CDN：缓存 + 加速
- 分布式储存，容灾
编写React SSR服务
- SSR特点
- 相比传统HTML模板引擎：避免重复编码
- 相比SPA：首屏渲染更快，SEO友好
- 缺点：通常qps较低，前端代码编写时需要考虑服务端渲染情况
- SSR难点
- 需要处理打包代码
- 需要思考前端代码在服务端运行时的逻辑
- 移除对服务端无意义的副作用，或重置环境
适用inspector进行调整、诊断
- v8 Inspector：开箱即用、特性丰富强大、与前端开发一致、跨平台
- node--inspect
- open http://localhost:9229/json
- 场景：
- 查看console.log内容
- breakpoint
- 高CPU、死循环：cpuprofile
- 高内存占用：heapsnapshot
- 性能分析
部署简介
- 部署要解决问题
- 守护进程：当前进程退出时，重新拉起
- 多进程；cluster便捷地利用多进程
- 记录进程状态，用于诊断
- 容器环境
- 通常有健康检查的手段，只需考虑多核cpu利用率即可
