AngularJS与服务器端MVC比较

banq 14-07-16
              



这是一篇讨论客户端MVC和服务器端MVC的比较文章。

首先分离关注是架构设计的一个基本原则,多层架构中:数据存储 服务层 API层和表现层各层之间应该最小依赖,服务层只需要知道在哪里存储数据,API只需要知道哪个服务被调用,而表现层主要是通过REST和API通讯。多层之间只能单向依赖,比如API不能知道是谁调用它,它不能依赖于表现层。(可见:干净的架构)

在真实情况下各层情况比较复杂,但是分离关注在随着机器和设备(laptop, mobile, tablet, desktop)增加越发重要,后端应该只提供业务逻辑和数据。

过去,MVC主要是在服务器端实现,主要语言有 Java和C#等,如今客户端MVC已经出现,如AngularJS BackoneJS和EmberJS等。

服务器端MVC框架容易使用,有许多选择和成熟的解决方案,后端编程语言选择有 Java, Scala, C#, Clojure, JavaScript/NodeJS, 等等,其实我们并不需要在浏览器方面的豪华阵容,Adobe Flash已经死了, Silverlight 从来没有雄起,因为Html5到来了,浏览器世界变化很快。

如果再考虑到移动设备开发,并没有一种原生语言适合所有设备,所以,使用Html也许是一种解决方案。

所有这些都有一个共同点,无论是移动 Web 或桌面,或Google眼镜,所有的设备都要和后端API通过REST通讯。


下面看看AngularJS的缺点和优点:

1.页渲染: Angular.JS在页渲染方面是慢的,需要对DOM做额外一些工作,需要监察绑定数据的变化,实现额外的REST请求,第一次应用打开时,它需要下载所有JavaScript文件。当然随著计算机和移动设备计算能力提高,这些问题会消失。

2. 兼容性:老的浏览器很难适应Angular.jS ,目前只支持到IE8,可以针对老浏览器推出特别页面。

3.SEO:这可能是最大问题,(banq注:使用CQRS读写分离可以很好解决这个问题,读方面不使用Angular,使用标准的URL,可见:http://www.jdon.com/46502)

以上是缺点,AngularJS优点是:
1.提升服务器性能,因为使用JSON数据格式和客户端缓存,客户端和浏览器的流量大大降低,服务器端不需要在发送响应到客户端之前创建JSP/ASP页面了,它只需要服务静态文件和响应API调用,并以简单的JSON格式返回,服务器端负载降低了。

在前端完全解耦后端方面,Angular只需要知道后端REST API,这种解耦允许我们开发出前端和后端独立的应用,浏览器消费后端API方式同样适合Andoird iPhone等移动设备。当我们开发前端应用时,后端编程语言不再需要了,只需要HTML/CSS/JS,这对大多数前端开发者是一种解放。前端开发者可以开发出页面互动和用户体验更棒的应用。

当然,如果在服务器进行页面渲染可以避免进入 HTML, CSS 和 JavaScript细节. 能和后端编程语言一起工作,这样可能没有必要学习太多浏览器语言。它也会和后端产生耦合。会制约前端开发者在美工和创意方面的发挥。

下图是一张基于RESTful微服务和客户端MVC和服务器端MVC的架构图:


参考:
J2EE死了
微服务: 为可部署和可扩展分解应用

[该贴被banq于2014-07-16 08:22修改过]

              

4