这是我参与「第五届青训营 」伴学笔记创作活动的第1天
本文主要介绍Node.js应用场景、Node.js运行时结构和如何编写Http Server。
Node.js应用场景
主要有前端工程化、Web服务端应用和Electron跨端桌面应用。
前端工程化
- Bundle：webpack、vite、esbuild、parcel
- Uglify：uglifyjs
- Transpile：bablejs、typescript
- 其他语言：esbuild、parcel、prisma
Web服务端应用
- 学习曲线平缓，开发效率较高
- 运行效率接近常见编译语言
- 社区生态丰富及工具链成熟
- 与前端结合的场景会有优势（SSR）
Electron跨端桌面应用
- 商业应用：vscode，slack，discord，zoom
- 大型公司内的效率工具
- 现状：大部分场景选型，都值得考虑
Node.js运行时结构
其中，V8：JavaScript Runtime、inspector诊断调试工具。
Libuv：eventloop（事件循环）、syscall（系统调用）。
异步 I/O
- 当Node.js执行I/O操作时，会在响应返回后恢复操作。
- 不阻塞线程并且不占用额外内存等待。
单线程
- 实际：js线程+uv线程池+V8任务线程池+V8 Inspector线程
- 优点：
- 不用考虑多线程状态同步问题（不需要锁）
- 较高效地利用系统资源
- 缺点：阻塞会产生更多负面影响
- 解决办法：多进程或多线程
跨平台
开发成本低，大部分功能+api。
Node.js跨平台+JS无需编译环境（+Web跨平台+诊断工具跨平台）
编写Http Server
需要先提前安装好Node.js，如果安装慢或失败时，可以设置安装源。
编写简单的Http Server
（部分代码）
const server = http.createServer ( ( req , res ) => { res.end ( 'hello' ) } )
输入完整代码运行后，实现简单的Http Server。使用localhost搜索port的值，可以看到网页上显示hello。
编写静态文件服务器
（部分代码）
const file = fs.createReadStream ( path.resolve ( _dirname , '-' + info.pathname ) )
加上（缓存+加速）的CDN和分布式储存，服务器就更可靠、高性能些。
编写React SSR服务
- 优点:
- 相比传统HTML模板引擎：避免重复编写代码
- 相比SPA：首屏渲染更快，SEO友好
- 缺点：通常qps较低，需要考虑服务端渲染情况
- 难点：
- 需要处理打包代码
- 需要思考前端代码在服务端运行时的逻辑
- 移除对服务端无意义的副作用，或重置环境
