Node在大前端中的应用场景分析
共 2068字,需浏览 5分钟
· 2020-08-13
![](https://qinglite-1253448069.cos.ap-shanghai.myqcloud.com/4451/xiaohongshu/mmbiz_jpg/1NOXMW586utgUl2P2w5xXPxX5zvPB1icmVPt8UNdZlJlFicPzicdm0IXiaT4HE7U9dCSa10JtpZOyK7gWkcOQVIRAA/0%3Fwx_fmt%3Djpeg?imageMogr2/format/webp)
作者: 前端361
https://zhuanlan.zhihu.com/p/121055042 关于node的使用已经很久了,使用范围也很广,似乎有前端的地方就有node,那么来思考一个问题,node到底是用来干嘛的呢?本文从五个大的方面对该问题进行了解释。
我们知道node的出现,让前端开发既ajax之后,有了全新的面貌,在开发效率,性能等层面都有质的提升。归纳一直是知识提升的重要一环,参考了很多内容,本文对node的应用做了一个入门级的总结。读完本文,希望可以清楚地认识到node在大前端中的地位和应用。
首先看一张图:
node带来了什么:
![](https://filescdn.proginn.com/8449bf4a8ad2baff776b8675a65f5500/8cfedbec4b84aac3c0eb2dfd95e9960d.webp)
从图中可以看到node的应用是非常广泛的,而最常用的就是工程化,自动化,npm
node基本概念
1,不在浏览器里运行的javascript
2,基于Chrome JavaScript 运行时建立的一个平台
3,一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎
接下来,详细看下Node.js在大前端中的应用。
广义上应用
在非浏览器端运行的js,包括前端环境搭建,云构建,服务,中间件,都有node.js的应用场景
具体应用
一、前端工具链层面
二、npm
三、工程化相关
四、前后端完全分离
五、 服务端
一、前端工具链
![](https://filescdn.proginn.com/dd8595e35feda92a6a5ebc535966e4ad/e133ff3d815cc0b9d85f553f43ab1e4c.webp)
babel, webpack, eslint, jest等的具体使用不展开讨论
二、npm
1,自有命令
用来管理npm包,执行node文件
2,npm包
![](https://filescdn.proginn.com/c4247987121b7c889ede5287c5fa34f6/4f9d78ab7cea2c94d326089053b727ae.webp)
特点:npm包整体是对一类有共同应用的代码抽象,包括了逻辑抽象,组件抽象,函数抽象
三、工程化相关
前端环境的建立是node.js在前端开发工作中最能体现价值的应用之一,node的出现使得前端开发从刀耕火种的时代进入了科技时代。前端工程化依赖于前面提到的webpack,gulp,babel,eslint等,完整的脚手架体系除了客户端能力,还包括自动构建(比如jenkins),命令行发布的功能
![](https://filescdn.proginn.com/62e752282f79a745384bd345f94babe0/a1fd2314bf6586b58c884f49964798c1.webp)
开发桌面应用
Node.js让使用js开发桌面应用成为了可能,electron是当前比较流行的桌面应用开发工具,它 nodejs和chromium的结合起来,让使用者可以调用node.js的函数,可以使用几乎所有的nodejs社区里的module。
当下web应用非常流行,桌面应用似乎被遗忘,不过桌面应用也有一定的优势,比如在前端工程化领域,可以使用桌面应用作为统一的gui集成工具,让前端工程变得统一化,简单化。
![](https://filescdn.proginn.com/e3d5d33f3464442116fdd6588377d54c/dd3c82b95ca8a026991460a0c357c123.webp)
前端工程化的意义
![](https://filescdn.proginn.com/8a5bdcc86745feb884b5e98dbcb3984d/532ccac9bf20dd4f2f139882e74fde25.webp)
四、前后端完全分离
1,前端应用脱离服务端代码,独立部署在node.js提供的服务上
渲染方式有两种,一种是采用的常规渲染,在浏览器中生成html代码;
另一种是采用服务端渲染(ssr),这种渲染方式跟之前java生成html代码的方式类似,但是现在的ssr和真正的服务端并没有太多关系,ssr是在node端渲染的方式
2,基于大型项目的全栈开发
在前端独立部署的基础上,node端加入了数据处理,接口代理,终端适配等逻辑代码,使得前端扩展性,性能大大增强。常见的全栈框架有egg,midway等
前后端完全分离的必要性
1,在开发过程中,有些职责划分不清晰,前后端分离是前端不再依赖于后端,后端可以 专注于model层,前端专注于view和controller
2,在web性能优化中,前端所能做的优化工作有很大的局限性,很多优化要在合后端协调的基础上完成,node.js作为中间层,让前端有足够的优化决定权
3,前端可以基于业务,调整前端架构,融合不同技术栈
前后端完全分离的适用性
适用于有一定的技术支撑的团队,不能为了分离而分离
前端独立部署扩展
![](https://filescdn.proginn.com/fc0a4155e3455f688fb5aea07b1ae5d0/d04324c60b47817e3ea00ff853254b3c.webp)
五、Node作为服务端
![](https://filescdn.proginn.com/1af59997a44956e7cb1f75050dbe3b10/aff4b40f0def75cf6973d286ca79db58.webp)
![](https://filescdn.proginn.com/6167084958f6b42d72b077533007b044/9c40a07afeca6234bb5b5f8f953b66f0.webp)
Node和serverless
Serverless在2019年于国内开始崭露头角,目前还未大规模应用,但serverless是必然的趋势。
其作为一种新型的互联网架构,直接或间接推动了云计算的发展,从 AWS Lambda 到阿里云函数计算,Serverless 一路高歌,同时基于 Serverless 的轻量计算开始登录云计算的舞台。
Serverless的核心是faas,函数即服务,解决了传统BFF资源成本高,运维成本高,开发成本高,难以适应需求变化快等问题和痛点,让开发者能更专注于业务逻辑,其他的底层资源和运维工作已经全部封装。
![](https://filescdn.proginn.com/659240238d21b7693f8228a312352a58/f36737d6d26ca93c84d8c37647317db9.webp)
Node实现serverless
使用Serverless框架搭建faas环境,ServerLess 框架是一个使用 Node.js 编写的 CLI 工具,开发者无需关注底层资源即可部署完整可用的 Serverless 应用架构
之后开发者只需要根据业务编写相关的function,部署到在云计算平台上即可。
![](https://filescdn.proginn.com/6dc2139a9a10b9e2975b8836c7e784f2/ca2fdf6f5ecceba203a6587699c7ed7b.webp)
已经使用serverLess的平台
![](https://filescdn.proginn.com/4730232973dd0a43a50b6fd0e1b6ce8d/29120b1334e8a507fd687d21c83d9d50.webp)
总结:
![](https://filescdn.proginn.com/a8a9e8c53ec5ae513ec5ac0637ede22e/fa26e4cc407b41edd590eddee2b8afce.webp)
关于node的使用已经很久了,使用范围也很广,似乎有前端的地方就有node,那么来思考一个问题,node到底是用来干嘛的呢?本文从五个大的方面对该问题进行了解释。
我们知道node的出现,让前端开发既ajax之后,有了全新的面貌,在开发效率,性能等层面都有质的提升。归纳一直是知识提升的重要一环,参考了很多内容,本文对node的应用做了一个入门级的总结。读完本文,希望可以清楚地认识到node在大前端中的地位和应用。
首先看一张图:
node带来了什么:
![](https://filescdn.proginn.com/8449bf4a8ad2baff776b8675a65f5500/8cfedbec4b84aac3c0eb2dfd95e9960d.webp)
从图中可以看到node的应用是非常广泛的,而最常用的就是工程化,自动化,npm
node基本概念
1,不在浏览器里运行的javascript
2,基于Chrome JavaScript 运行时建立的一个平台
3,一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎
接下来,详细看下Node.js在大前端中的应用。
广义上应用
在非浏览器端运行的js,包括前端环境搭建,云构建,服务,中间件,都有node.js的应用场景
具体应用
一、前端工具链层面
二、npm
三、工程化相关
四、前后端完全分离
五、 服务端
一、前端工具链
![](https://filescdn.proginn.com/dd8595e35feda92a6a5ebc535966e4ad/e133ff3d815cc0b9d85f553f43ab1e4c.webp)
babel, webpack, eslint, jest等的具体使用不展开讨论
二、npm
1,自有命令
用来管理npm包,执行node文件
2,npm包
![](https://filescdn.proginn.com/c4247987121b7c889ede5287c5fa34f6/4f9d78ab7cea2c94d326089053b727ae.webp)
特点:npm包整体是对一类有共同应用的代码抽象,包括了逻辑抽象,组件抽象,函数抽象
三、工程化相关
前端环境的建立是node.js在前端开发工作中最能体现价值的应用之一,node的出现使得前端开发从刀耕火种的时代进入了科技时代。前端工程化依赖于前面提到的webpack,gulp,babel,eslint等,完整的脚手架体系除了客户端能力,还包括自动构建(比如jenkins),命令行发布的功能
![](https://filescdn.proginn.com/62e752282f79a745384bd345f94babe0/a1fd2314bf6586b58c884f49964798c1.webp)
开发桌面应用
Node.js让使用js开发桌面应用成为了可能,electron是当前比较流行的桌面应用开发工具,它 nodejs和chromium的结合起来,让使用者可以调用node.js的函数,可以使用几乎所有的nodejs社区里的module。
当下web应用非常流行,桌面应用似乎被遗忘,不过桌面应用也有一定的优势,比如在前端工程化领域,可以使用桌面应用作为统一的gui集成工具,让前端工程变得统一化,简单化。
![](https://filescdn.proginn.com/e3d5d33f3464442116fdd6588377d54c/dd3c82b95ca8a026991460a0c357c123.webp)
前端工程化的意义
![](https://filescdn.proginn.com/8a5bdcc86745feb884b5e98dbcb3984d/532ccac9bf20dd4f2f139882e74fde25.webp)
四、前后端完全分离
1,前端应用脱离服务端代码,独立部署在node.js提供的服务上
渲染方式有两种,一种是采用的常规渲染,在浏览器中生成html代码;
另一种是采用服务端渲染(ssr),这种渲染方式跟之前java生成html代码的方式类似,但是现在的ssr和真正的服务端并没有太多关系,ssr是在node端渲染的方式
2,基于大型项目的全栈开发
在前端独立部署的基础上,node端加入了数据处理,接口代理,终端适配等逻辑代码,使得前端扩展性,性能大大增强。常见的全栈框架有egg,midway等
前后端完全分离的必要性
1,在开发过程中,有些职责划分不清晰,前后端分离是前端不再依赖于后端,后端可以 专注于model层,前端专注于view和controller
2,在web性能优化中,前端所能做的优化工作有很大的局限性,很多优化要在合后端协调的基础上完成,node.js作为中间层,让前端有足够的优化决定权
3,前端可以基于业务,调整前端架构,融合不同技术栈
前后端完全分离的适用性
适用于有一定的技术支撑的团队,不能为了分离而分离
前端独立部署扩展
![](https://filescdn.proginn.com/fc0a4155e3455f688fb5aea07b1ae5d0/d04324c60b47817e3ea00ff853254b3c.webp)
五、Node作为服务端
![](https://filescdn.proginn.com/1af59997a44956e7cb1f75050dbe3b10/aff4b40f0def75cf6973d286ca79db58.webp)
![](https://filescdn.proginn.com/6167084958f6b42d72b077533007b044/9c40a07afeca6234bb5b5f8f953b66f0.webp)
Node和serverless
Serverless在2019年于国内开始崭露头角,目前还未大规模应用,但serverless是必然的趋势。
其作为一种新型的互联网架构,直接或间接推动了云计算的发展,从 AWS Lambda 到阿里云函数计算,Serverless 一路高歌,同时基于 Serverless 的轻量计算开始登录云计算的舞台。
Serverless的核心是faas,函数即服务,解决了传统BFF资源成本高,运维成本高,开发成本高,难以适应需求变化快等问题和痛点,让开发者能更专注于业务逻辑,其他的底层资源和运维工作已经全部封装。
![](https://filescdn.proginn.com/659240238d21b7693f8228a312352a58/f36737d6d26ca93c84d8c37647317db9.webp)
Node实现serverless
使用Serverless框架搭建faas环境,ServerLess 框架是一个使用 Node.js 编写的 CLI 工具,开发者无需关注底层资源即可部署完整可用的 Serverless 应用架构
之后开发者只需要根据业务编写相关的function,部署到在云计算平台上即可。
![](https://filescdn.proginn.com/6dc2139a9a10b9e2975b8836c7e784f2/ca2fdf6f5ecceba203a6587699c7ed7b.webp)
已经使用serverLess的平台
总结:
![](https://filescdn.proginn.com/a8a9e8c53ec5ae513ec5ac0637ede22e/fa26e4cc407b41edd590eddee2b8afce.webp)
分享前端好文,点亮 在看