也谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离)

随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务/数据接口,前端负责展现/交互逻辑,同一份数据接口,我们可以定制开发多个版本。

这个话题最近被讨论得比较多,阿里有些BU也在进行一些尝试。讨论了很久之后,我们团队决定探索一套基于NodeJS的前后端分离方案,过程中有一些不断变化的认识以及思考,记录在这里,也希望看到的同学参与讨论,帮我们完善。

一、什么是前后端分离?

最开始组内讨论的过程中我发现,每个人对前后端分离的理解不一样,为了保证能在同一个频道讨论,先就什么是”前后端分离”达成一致。

大家一致认同的前后端分离的例子就是SPA(Single-page application),所有用到的展现数据都是后端通过异步接口(AJAX/JSONP)的方式提供的,前端只管展现。
从某种意义上来说,SPA确实做到了前后端分离,但这种方式存在两个问题:

  • WEB服务中,SPA类占的比例很少。很多场景下还有同步/同步+异步混合的模式,SPA不能作为一种通用的解决方案。
  • 现阶段的SPA开发模式,接口通常是按照展现逻辑来提供的,有时候为了提高效率,后端会帮我们处理一些展现逻辑,这就意味着后端还是涉足了View层的工作,不是真正的前后端分离。

SPA式的前后端分离,是从物理层做区分(认为只要是客户端的就是前端,服务器端的就是后端),这种分法已经无法满足我们前后端分离的需求,我们认为从职责上划分才能满足目前我们的使用场景:

  • 前端:负责View和Controller层。
  • 后端:只负责Model层,业务处理/数据等。

为什么去做这种职责的划分,后面会继续探讨。

二、为什么要前后端分离?

关于这个问题,玉伯的文章Web研发模式演变中解释得非常全面,我们再大概理一下:

最低0.47元/天 解锁文章
kingice1014
关注 关注
  • 6
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
前后端分离项目ppt
02-27
前后端分离项目ppt,vue、npm、webpack、spring boot 、mybatis
(转)也基于NodeJS全栈开发(基于NodeJS前后端分离
weixin_30908103的博客
04-09 854
原文链接:http://ued.taobao.org/blog/2014/04/full-stack-development-with-nodejs/ 随着不同终端(pad/mobile/pc)的兴起,对开发人员的要求越来越高,纯浏览器端的响应已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务/数据接口,前端负责...
nodeJS环境搭建,前端基础编程
最新发布
2401_83739284的博客
03-30 643
一、nodeJS的简介①、Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。Node.js使用了一个事件驱动、非阻塞I/O 的模型。②、Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言Node.js–>JavaScript运行环境,开发语言是:javascriptJ2EE -->Java运行环境, 开发语言是java。
NodeJS全栈开发一个功能完善的Express项目(附完整源码)
qq_15041931的博客
06-24 1万+
Node.js对前端来说无疑具有里程碑意义,与其越来越流行的今天,掌握 Node.js 技术已经不仅仅是加分项,而是前端攻城师们必须要掌握的一项技能。而 Express 基于 Node.js 平台,快速、开放、极简的 Web 开发框架,成为 Node.js 最流行的框架,所以使用 Express 进行 web 服务端的开发是个不错且可信赖的选择。但是 Express 初始化后,并不马上就是一个开箱即用,各种功能完善的 web 服务端项目,例如:MySQL 连接、jwt-token 认证、md5 加密、中间件
NodeJs常见web开发框架分享
惠辽宁的博客
12-15 806
Express Node界最老牌的Web框架,最成熟,生态最好。提供了基础的请求上下文封装,路由,中间件,模板引擎接口,静态资源服务。麻雀虽小,五脏俱全。很方便的进行扩展,大量的基于Express的框架。 Koa Express原班人马打造,定义为下一代Web开发框架。仅提供一个请求上下文,中间件机制,没有捆绑任何中间件。通过利用async/await,让你写出更优雅的代码。方便开发者针对自身需求开发自定义框架。 Hapi hapi是由沃尔玛实验室的移动团队创建的,Hapi 是一个用来构建基于 Node.j
vue+nodejs前后端分离详细使用说明
一步一个脚印,踏实努力,向着目标前进
07-07 3294
当你在Vue组件中调用方法时,axios会发送HTTP请求到Node.js服务器上的接口,并将接口返回的数据传递给你的Vue组件进行处理。在这种场景下,Vue.js可以直接与Node.js进行通信,而Node.js负责与后端服务器进行交互,并将数据返回给Vue.js。Vue.js的开发生态也依赖于Node.js的工具链,通过Node.js可以更方便地进行前端项目的开发和部署。这些只是Node.js和Vue.js的一些常见使用场景,实际上它们的应用领域非常广泛,可以根据具体的需求和项目来选择合适的技术栈。
node.js和前后端分离
ytfcy_的博客
06-06 362
Node.js 是基于 Chrome 的 V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞 I/O 的模型,使其轻量又高效。Node.js 主要用于实现后端接口服务、构建网络爬虫、实时通信、streaming、无阻塞 I/O 等高并发应用场景。这里我列举大概的重点知识,结合代码来进行详解。
nodejs后端
深夜代码酒神
06-27 1866
nodejs后端
基于NodeJS前后端分离的思考与实践(一)全栈开发
10-25
个话题最近被讨论得比较多,阿里有些BU也在进行一些...讨论了很久之后,我们团队决定探索一套基于NodeJS前后端分离方案,过程中有一些不断变化的认识以及思考,记录在这里,也希望看到的同学参与讨论,帮我们完善。
mygit:基于nodejs、express框架的前后端未分离项目
05-07
后端未分离全栈项目安装环境npm i启动项目node app.js
基于NodeJS+Express+mongoDB+Bootstrap的全栈工程化开发前后端分离博客系统实战
11-27
基于NodeJS+Express+mongoDB+Bootstrap的全栈工程化开发前后端分离博客系统实战
node.js全栈项目
weixin_63298816的博客
01-13 1711
基于Express开发全栈项目
总结:React学习梳理
w2009211777的专栏
04-25 3114
React梳理
vue+node+mysql全栈项目完整记录
热门推荐
黄钢的博客
01-17 1万+
因工作需要,近半年一直在写B/S架构的项目。博主作为门外汉coder,其实刚开始会的语言只有Python和matlab。matlab作为博主研究生期间写论文的主要工具,参加工作以后就很少用了。后面因为要做数据分析相关的工作,所以自己学了一下Python,包括qt界面开发相关的技术。个人觉得Python作为后端开发语言,其实已经很强大了。现在在后端开发领域之所以java依旧是王者,主要是因为很多项目都是java开发的,用java维护起来更加方便。被大家诟病的弱类型语言,其实Python3已经可以强制类型了。
nodejs前后端分离
my-soul
11-29 3299
nodejs前后端分离 nodejs来渲染页面 整个系统架构更加清晰
Node.js 前后端分离(解决同源的第三种方法)
weixin_65257540的博客
04-12 1796
后端负责数据传输和业务逻辑处理,前端负责页面交互,页面效果实现。 代理服务器 解决跨域的第三种方,给前端一个服务器,通过服务器去访问服务器,就不去出现同源问题,同源问题是浏览器才会触发。 通过脚手架创建两个服务器,前端(frontend)和后端(server)。 具体流程: 1、通过电脑windowspowershell命令行运行(以管理员身份)Set-ExecutionPolicy RemoteSigned,选择全是,然后安装全局npm install express-generator -g
vue3+node.js的项目打包上线
MX_muxiao的博客
07-02 2275
vue项目打包,部署到服务器上线
利用express(nodejs)实现的前后端分离
illusion_melody的博客
07-10 1万+
首先确保你安装了nodejs,安装教程和利用vue-cli初始化一个项目在这就不娓娓道来了。(这里用vue-cli构建的项目,如果不是,只需要在客户端更换成其他请求数据的方法就好了) 一.现在是上午10点,精神很饱满, 我们先来搭建一下服务端吧! 1>>在你的项目下新建一个server的文件夹,新建index.js和user.json,一个搭建服务器,一个用来存要返回客户端的js...
4、基于Node.js平台,快速、开放、极简的Web开发框架--express
weixin_48137421的博客
04-09 1480
基于Node.js平台,快速、开放、极简的Web开发框架--express
nodejs全栈开发 从入门到精通
03-07
Node.js全栈开发是指使用Node.js技术栈进行前后端... - 学习前后端分离:掌握前后端分离开发,通过API接口实现前后端的解耦。 - 学习部署和调试:了解如何将Node.js应用部署到服务器,并进行调试和性能优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • 三大主流前端框架与项目开发 36867
  • 18个Java开源CMS系统一览 33693
  • 消息中心构架设计说明书 24053
  • 如何避免新入职的程序员痛苦和迷茫? 21564
  • 分布式数据库中间件对比总结 18869

分类专栏

  • javaweb 7篇

最新评论

  • elasticsearch__4__java操作之QueryBuilders构建搜索Query

    尘心iii: 良心

  • hadoop的安装与配置方法详解

    qq_47969028: 亲,你这个真的能搭建成功吗? 如果有冒犯,请见谅,我已经跟网上的都跟着搭建了不知道多少遍了,一次都没成功。

  • 如何避免新入职的程序员痛苦和迷茫?

    想成为一名RRapper: 多谢前辈的指点

  • 如何避免新入职的程序员痛苦和迷茫?

    真·skysys: 多谢指点

  • H-ui 前端框架

    明月清风影: 就这么容易发帖子吗???

您愿意向朋友推荐“博客详情页”吗?

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • TiDB at 丰巢:尝鲜分布式数据库
  • 基于Spring Boot 动态主从数据库路由
  • 微服务之分布式跟踪系统(springboot+zipkin)
2018年4篇
2017年78篇
2016年84篇
2015年1篇

目录

目录

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳SEO优化公司固原百度关键词包年推广银川网站推广系统多少钱黄南网站制作报价安阳SEO按效果付费报价永新企业网站制作报价大同建站推荐布吉建站哪家好湖州网站优化排名报价临夏网站排名优化公司贵阳建网站价格铁岭关键词排名包年推广公司伊犁百度竞价包年推广推荐文山外贸网站设计多少钱西安网站优化价格榆林seo公司盐城seo网站优化多少钱十堰至尊标王公司坪山网站建设设计报价安庆网站建设价格日照百姓网标王推广哪家好朔州网站seo优化多少钱邯郸建设网站公司广东网站优化按天扣费昆明seo排名辽阳网站设计模板报价漯河设计公司网站公司定西建网站新乡阿里店铺托管大理网络推广公司邯郸品牌网站设计报价歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化