Node在大前端中的应用场景分析

Stella981
• 阅读 576

Node在大前端中的应用场景分析

作者: 前端361

https://zhuanlan.zhihu.com/p/121055042

关于node的使用已经很久了,使用范围也很广,似乎有前端的地方就有node,那么来思考一个问题,node到底是用来干嘛的呢?本文从五个大的方面对该问题进行了解释。

Node在大前端中的应用场景分析 我们知道node的出现,让前端开发既ajax之后,有了全新的面貌,在开发效率,性能等层面都有质的提升。归纳一直是知识提升的重要一环,参考了很多内容,本文对node的应用做了一个入门级的总结。读完本文,希望可以清楚地认识到node在大前端中的地位和应用。

首先看一张图:

node带来了什么:

Node在大前端中的应用场景分析

从图中可以看到node的应用是非常广泛的,而最常用的就是工程化,自动化,npm

node基本概念

1,不在浏览器里运行的javascript

2,基于Chrome JavaScript 运行时建立的一个平台

3,一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎

接下来,详细看下Node.js在大前端中的应用。

广义上应用

在非浏览器端运行的js,包括前端环境搭建,云构建,服务,中间件,都有node.js的应用场景

具体应用

一、前端工具链层面

二、npm

三、工程化相关

四、前后端完全分离

五、 服务端

一、前端工具链

Node在大前端中的应用场景分析

babel, webpack, eslint, jest等的具体使用不展开讨论

二、npm

1,自有命令

用来管理npm包,执行node文件

2,npm包

Node在大前端中的应用场景分析

特点:npm包整体是对一类有共同应用的代码抽象,包括了逻辑抽象,组件抽象,函数抽象

三、工程化相关

前端环境的建立是node.js在前端开发工作中最能体现价值的应用之一,node的出现使得前端开发从刀耕火种的时代进入了科技时代。前端工程化依赖于前面提到的webpack,gulp,babel,eslint等,完整的脚手架体系除了客户端能力,还包括自动构建(比如jenkins),命令行发布的功能

Node在大前端中的应用场景分析

开发桌面应用

Node.js让使用js开发桌面应用成为了可能,electron是当前比较流行的桌面应用开发工具,它 nodejs和chromium的结合起来,让使用者可以调用node.js的函数,可以使用几乎所有的nodejs社区里的module。

当下web应用非常流行,桌面应用似乎被遗忘,不过桌面应用也有一定的优势,比如在前端工程化领域,可以使用桌面应用作为统一的gui集成工具,让前端工程变得统一化,简单化。

Node在大前端中的应用场景分析

前端工程化的意义

Node在大前端中的应用场景分析

四、前后端完全分离

1,前端应用脱离服务端代码,独立部署在node.js提供的服务上

渲染方式有两种,一种是采用的常规渲染,在浏览器中生成html代码;

另一种是采用服务端渲染(ssr),这种渲染方式跟之前java生成html代码的方式类似,但是现在的ssr和真正的服务端并没有太多关系,ssr是在node端渲染的方式

2,基于大型项目的全栈开发

在前端独立部署的基础上,node端加入了数据处理,接口代理,终端适配等逻辑代码,使得前端扩展性,性能大大增强。常见的全栈框架有egg,midway等

前后端完全分离的必要性

1,在开发过程中,有些职责划分不清晰,前后端分离是前端不再依赖于后端,后端可以 专注于model层,前端专注于view和controller

2,在web性能优化中,前端所能做的优化工作有很大的局限性,很多优化要在合后端协调的基础上完成,node.js作为中间层,让前端有足够的优化决定权

3,前端可以基于业务,调整前端架构,融合不同技术栈

前后端完全分离的适用性

适用于有一定的技术支撑的团队,不能为了分离而分离

前端独立部署扩展

Node在大前端中的应用场景分析

五、Node作为服务端

Node在大前端中的应用场景分析

Node在大前端中的应用场景分析

Node和serverless

Serverless在2019年于国内开始崭露头角,目前还未大规模应用,但serverless是必然的趋势。

其作为一种新型的互联网架构,直接或间接推动了云计算的发展,从 AWS Lambda 到阿里云函数计算,Serverless 一路高歌,同时基于 Serverless 的轻量计算开始登录云计算的舞台。

Serverless的核心是faas,函数即服务,解决了传统BFF资源成本高,运维成本高,开发成本高,难以适应需求变化快等问题和痛点,让开发者能更专注于业务逻辑,其他的底层资源和运维工作已经全部封装。

Node在大前端中的应用场景分析

Node实现serverless

使用Serverless框架搭建faas环境,ServerLess 框架是一个使用 Node.js 编写的 CLI 工具,开发者无需关注底层资源即可部署完整可用的 Serverless 应用架构

之后开发者只需要根据业务编写相关的function,部署到在云计算平台上即可。

Node在大前端中的应用场景分析

已经使用serverLess的平台

Node在大前端中的应用场景分析

总结:

Node在大前端中的应用场景分析

- END -


近期

10个Vue开发技巧(上)

10个Vue开发技巧(下)

Node在大前端中的应用场景分析

若此文有用,何不素质三连❤️

本文分享自微信公众号 - Vue中文社区(vue_fe)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Jacquelyn38 Jacquelyn38
2年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Wesley13 Wesley13
2年前
java将前端的json数组字符串转换为列表
记录下在前端通过ajax提交了一个json数组的字符串,在后端如何转换为列表。前端数据转化与请求varcontracts{id:'1',name:'yanggb合同1'},{id:'2',name:'yanggb合同2'},{id:'3',name:'yang
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Stella981 Stella981
2年前
KVM调整cpu和内存
一.修改kvm虚拟机的配置1、virsheditcentos7找到“memory”和“vcpu”标签,将<namecentos7</name<uuid2220a6d1a36a4fbb8523e078b3dfe795</uuid
Easter79 Easter79
2年前
Twitter的分布式自增ID算法snowflake (Java版)
概述分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的。有些时候我们希望能使用一种简单一些的ID,并且希望ID能够按照时间有序生成。而twitter的snowflake解决了这种需求,最初Twitter把存储系统从MySQL迁移
Wesley13 Wesley13
2年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
2年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
2年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
2年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
2个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这