原文转自:http://kb.cnblogs.com/page/503460/

 可伸缩性是一种对软件系统处理能力的设计指标,高可伸缩性代表一种弹性,在系统扩展过程中,能够保证旺盛的生命力,通过很少的改动,就能实现整个系统处理能力的增长。

  在系统设计的时候,充分地考虑系统的可伸缩性,一方面能够极大地减少日后的维护开销,并帮助决策者对于投资所能获得的回报进行更加精准的估计;另一方面,高可伸缩性的系统往往会具有更好的容灾能力,从而提供更好的用户体验。

  WEB交互式系统的可伸缩性主要体现在两个方面:

  • 平台的可伸缩性:随着WEB技术的发展,越来越多的平台开始使用WEB技术来构建系统,一方面不同的平台提供的环境支持存在着各种差异;另一方面随着平台的发展,不断的会有一些旧平台退出历史舞台,新平台转而成为主流平台;因此构建的WEB系统需要能够快速的响应此类变化就需要其具备良好的平台伸缩性
  • 模块的可伸缩性:随着系统功能不断增删更新需求的变化,系统可能会变得越来越复杂,冗余信息也可能会越来越多,改动所带来的影响范围也可能会越来越大,因此良好的模块伸缩性可保证系统具有良好的可维护性,让系统始终处于最佳状态

  WEB交互式系统的主要应用包括:

  • 桌面端/移动端网站类系统(如 网易云课堂、易信WebIMLofter移动WEB版等)
  • 移动混合应用(如 网易云相册IPad版、Lofter等)
  • 桌面混合应用(如 网易云音乐PC版、网易邮箱助手等)

  本系列文章主要分为两个主要部分对可伸缩性进行阐述,分别是平台的可伸缩性和模块的可伸缩性。本文是系列文章的第一篇,讨论平台的可伸缩性。

  平台的可伸缩性

  WEB交互式系统对平台的可伸缩性主要表现为:

  • 可扩展性:对于新兴平台能够快速进行支持
  • 可缩减性:对于过时的平台冗余信息能够以最小的修改方式剔除

  我们先介绍一下WEB交互式系统的目标平台的情况。

  平台分类

  根据系统所在容器的差异,我们将平台分为浏览器平台和混合应用平台两大类。各分类的详细说明见下文所述。

  浏览器平台

  按引擎划分

  浏览器平台,按照主流引擎可以划分为以下几类:

  混合应用平台

  根据混合应用的宿主平台的差异,我们将混合应用的目标平台分为以下几类:

宿主

说明

Android Android系统的混合应用,浏览器引擎会自动适配至Webkit
iOS iOS系统的混合应用,浏览器引擎会自动适配至Webkit
WinPhone Windows Phone系统的混合应用,浏览器引擎会自动适配至Trident
PC 桌面应用,采用CEF做为容器,浏览器引擎会自动适配至Webkit

  平台适配

  AOP(Aspect-Oriented Programming):面向切面的编程范式,其核心思想是将横切关注点从主关注点中分离出来,因此特定领域的问题代码可以从标准业务逻辑中分离出来,从而使得主业务逻辑和领域性业务逻辑之间不会存在任何耦合性。

  这里我们可以借鉴AOP思想来实现平台的适配策略,结合不同的平台实现逻辑,我们可以认为对于使用规范、标准来实现业务逻辑的部分为我们的主关注点,而不同平台可以做为若干的切面关注点进行封装,各平台只需关注自己平台下对标准的修正逻辑即可,因此可以通过增加、删除平台修正的切面逻辑来实现对不同平台的适配。

  实现时我们首先提取标准业务逻辑,然后各平台根据实际情况实现对业务逻辑的修正:

  • 标准业务逻辑:主关注点,这里主要是使用根据W3C、ES标准来实现的业务逻辑
  • 前置平台修正逻辑:领域特定关注点,主要是根据平台特性对标准在该平台下的修正,修正逻辑会先于标准逻辑执行
  • 后置平台修正逻辑:同前置平台修正逻辑,也是领域特定关注点,修正逻辑会在标准逻辑执行后再执行

  根据此思路我们对比以下两段代码:

  代码一:目前常用的平台适配方式

  1. function doSomething(){
  2. if(isTrident){
  3. // TODO trident implement
  4. }else if(isWebkit){
  5. // TODO webkit implement
  6. }else if(isGecko){
  7. // TODO gecko implement
  8. }else if(isPresto){
  9. // TODO presto implement
  10. }else{
  11. // TODO w3c implement
  12. }
  13. }
  14. // 上层应用使用
  15. doSomething(1,2,3);

  此方式对所有平台的修正逻辑均在主逻辑中实现,存在以下弊端:

  • 对平台特有的修正逻辑耦合在主逻辑中,平台特有的更新必然引起主逻辑的更新
  • 对于新增或删除平台的支持必须修改到主业务逻辑
  • 无法分离不必要的平台修正,比如基于webkit引擎的移动平台应用不需要其他平台的修正逻辑

  代码二:借鉴AOP思想的平台适配方式

  1. function doSomething(){
  2. // TODO w3c/es implement
  3. }
  4. // 上层应用使用
  5. doSomething(1,2,3);

  针对Trident平台适配的逻辑,比如 trident.js中

  1. // trident implement
  2. doSomething = doSomething._$aop(
  3. function(_event){
  4. // TODO trident implement
  5. },
  6. function(_event){
  7. // TODO trident implement
  8. }
  9. );

  对比代码一,我们可以发现借鉴AOP思想的接口适配方式分离了标准业务逻辑和平台特有业务逻辑,是否增加平台特有业务逻辑并不会影响主业务逻辑的执行,而对于平台修正逻辑的切入则可以直接通过配置的方式灵活的进行增删,因此我们可以从中得到以下好处:

  • 主逻辑和平台特有逻辑无耦合性,可随意分离、整合
  • 对于新增平台适配只需新加平台特有逻辑即可,而无需影响到主业务逻辑
  • 可通过配置控制支持的目标平台,有选择性的导出平台特有业务逻辑

  实现举例

  NEJ框架借鉴AOP思想提供了配置式的平台适配系统,对于这部分的详细信息可参阅NEJ的《依赖管理系统》和《平台适配系统》了解更为详细的信息,以下仅举例说明NEJ中适配的使用方式。

  一个典型的适配控件结构如下图所示:

  这里的widget.js是控件业务逻辑实现文件,在此控件的实现中会依赖到存在平台差异的API,其依赖代码如下所示

  1. NEJ.define([
  2. 'util/event',
  3. '{platform}api.js'
  4. ],function(t,h,p){
  5. // TODO
  6.  
  7. });

  这里对 {platform}api.js 的处理方式如下图所示,这里的./相对于当前的代码文件即widget.js文件所在的目录

  这里的api.js文件为需平他适配API的标准实现逻辑,而api.patch.js文件则利用NEJ.patch接口对各平台做按需适配逻辑,同时打包时也根据NEJ.patch接口中对平台的条件识别做按需输出,由于api.patch.js文件最终会按需输出,因此在此文件中除了使用NEJ.patch做平台适配逻辑外,不允许包含其它业务逻辑。

  1. // 此文件只能定义NEJ.patch不可执行其他业务逻辑
  2. // 打包输出时仅根据平台配置输出所需处理逻辑
  3. // 实际情况看需求,可将平台相关部分逻辑独立到单独的模块中
  4.  
  5. NEJ.define([
  6. './hack.js'
  7. ],function(h){
  8. // 针对trident平台的处理逻辑
  9. NEJ.patch('TR',function(){
  10. // TODO
  11. });
  12. // 针对gecko平台的处理逻辑
  13. NEJ.patch('GR',[
  14. './hack.firefox.js'
  15. ],function(fh){
  16. // TODO
  17. });
  18. // 针对IE6平台的处理逻辑
  19. NEJ.patch('TR==2.0',['./hack.ie6.js']);
  20. // 针对IE7-IE9的处理逻辑
  21. NEJ.patch('3.0<=TR<=5.0',function(){
  22. // TODO
  23. });
  24. // 这里必须同hack.js文件的返回值一致
  25. return h;
  26. });

  最后我们只需要配置产品的目标平台即可输出平台对应的适配,而不会存在其他平台的额外影响:

  1. <script src="/path/to/nej/define.js?p=wkgktd"></script>
  2. <script src="/path/to/nej/define.js?p=cef"></script>

  平台变更

  通过以上实现举例我们可以看到当平台发生变更时我们可以快速进行扩展或缩减

  平台扩展

  当有新平台需要作为系统目标平台时,我们只需要做以下工作:

  • 增加平台配置识别符,如nxw
  • 识别该平台与标准存在的差异,增加平台特有业务逻辑至patch
  • 系统对平台配置部分增加新添的识别符,如

    原平台适配:<script src="/path/to/nej/define.js?p=wkgktd"></script>

    新增平台适配:<script src="/path/to/nej/define.js?p=wkgktdnxw"></script>

  即可完成对平台的扩展,而不会影响到原有的业务逻辑。

  平台缩减

  当系统适配的目标平台由于某种原因退出历史舞台时,系统也需要将该平台的冗余代码从系统中剔除,我们只需要做以下工作:

  • 系统对平台配置部分删除要剔除的平台标识,如:

    原平台适配:<script src="/path/to/nej/define.js?p=wkgktd"></script>

    缩减后平台适配:<script src="/path/to/nej/define.js?p=wk"></script>

  即可完成对平台的缩减,而无需修改任何业务逻辑。

  以上即是有关平台可扩展性的介绍。下一篇将阐述模块的可扩展性,敬请期待!

  本作品采用知识共享署名 4.0 国际许可协议进行许可。

【转发】构建高可伸缩性的WEB交互式系统(上)的更多相关文章

  1. 【转发】构建高可伸缩性的WEB交互式系统(下)

    原文转自:http://kb.cnblogs.com/page/504518/ 本文是<构建高可伸缩性的WEB交互式系统>系列文章的第三篇,以网易的NEJ框架为例,对模块的可伸缩性进行分析 ...

  2. 【转发】构建高可伸缩性的WEB交互式系统(中)

    原文转自:http://kb.cnblogs.com/page/503953/ 在<构建高可伸缩性的WEB交互式系统>的第一篇,我们介绍了Web交互式系统中平台的可伸缩性.本文将描述模块的 ...

  3. 基于Web的系统测试方法

    基于Web的系统测试与传统的软件测试既有相同之处,也有不同的地方,对软件测试提出了新的挑战.基于Web的系统测试不但需要检查和验证是否按照设计的要求运行,而且还要评价系统在不同用户的浏览器端的显示是否 ...

  4. 基于docker+etcd+confd + haproxy构建高可用、自发现的web服务

    基于docker+etcd+confd + haproxy构建高可用.自发现的web服务 2016-05-16 15:12 595人阅读 评论(0) 收藏 举报 版权声明:本文为博主原创文章,未经博主 ...

  5. 高性能Linux服务器 第11章 构建高可用的LVS负载均衡集群

    高性能Linux服务器 第11章 构建高可用的LVS负载均衡集群 libnet软件包<-依赖-heartbeat(包含ldirectord插件(需要perl-MailTools的rpm包)) l ...

  6. Dubbo+zookeeper构建高可用分布式集群(二)-集群部署

    在Dubbo+zookeeper构建高可用分布式集群(一)-单机部署中我们讲了如何单机部署.但没有将如何配置微服务.下面分别介绍单机与集群微服务如何配置注册中心. Zookeeper单机配置:方式一. ...

  7. Microsoft Orleans构建高并发、分布式的大型应用程序框架

    Microsoft Orleans 在.net用简单方法构建高并发.分布式的大型应用程序框架. 原文:http://dotnet.github.io/orleans/ 在线文档:http://dotn ...

  8. 构建一个最简单的web应用并部署及启动

    第一种构建方式:不使用maven File-new-Dynamic Web Project,用这种方式构建的web项目是在web.xml文件中配置了welcome-file的,但是却没有对应的文件,所 ...

  9. 如何构建一个多人(.io) Web 游戏,第 2 部分

    原文:How to Build a Multiplayer (.io) Web Game, Part 2 探索 .io 游戏背后的后端服务器. 上篇:如何构建一个多人(.io) Web 游戏,第 1 ...

随机推荐

  1. HTML第二部分表单及使用Photoshop快速制作网页

    一.表单 <form id="" name="" method="post/get" action="负责处理的服务端&qu ...

  2. RedHat 安装MySQL数据库【转】

      朋友购买了阿里云的服务器,服务器上自带有CentOS操作系统,但是开发软件需要自己安装,接下来将介绍本地RedHat Linux 5.10虚拟机上搭建Mysql数据库. 一.软件准备 (1)jdk ...

  3. C#入门篇6-8:字符串操作 深入研究字符串的内存驻留机制

    //字符串的内存驻留机制 public static void Test() { //当有多个字符串变量包含了同样的字符串实际值时, //CLR可能不会为它们重复地分配内存,而是让它们统统指向同一个字 ...

  4. laypage分页功能demo

    demo代码如下: <div id="view1"></div> <div id="page1"></div> ...

  5. --投资情况统计详情sql

    --投资情况统计详情sqlselect BidRecord.*, RegInfo.UserName,UserInfo.phone,BorrowInfo.Title,BorrowInfo.BorrowC ...

  6. No suitable driver found for jdbc:mysql://localhost/dbname

    把mysql-connector-java的jar包放入jdk/jre/lib/ext文件下

  7. Dictionary解析json,里面的数组放进list,并绑定到DataGridView指定列

    Dictionary解析json,1.根据json建立相应的实体类,json里面的数组形式放进list集合2.取list中的数据,将相应的数据绑定到DataGridView,如下:循环(动态添加一行数 ...

  8. C++-继承名称的掩盖

    /////////////////////////////////////////////////////////////////////////////// // // FileName : eff ...

  9. [USACO精选] 第二章 动态规划(一)

    #4 公司利润 2014-01-16 这真的是动归?怎么觉得有点贪心的心态在.时间复杂度O(N),空间复杂度O(1),轻松加愉快!唯一要注意的是ANS一开始要赋负值,因为最终答案可能是负的. ; va ...

  10. C# WinForm程序向datagridview里添加数据

    在C#开发的winform程序中,datagridview是一个经常使用到的控件.它可以以类似excel表格的形式规范的展示或操作数据,我也经常使用这个控件.使用这个控件首先要掌握的就是如何向其中插入 ...