AngularJS与服务器端MVC比较

这是一篇讨论客户端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的架构图：