`
robbin
  • 浏览: 4812773 次
  • 性别: Icon_minigender_1
  • 来自: 上海
博客专栏
377a9ecd-1ea1-34ac-9530-9daa53bb2a7b
robbin谈管理
浏览量:136399
社区版块
存档分类
最新评论

AJAX与RIA技术之我见

    博客分类:
  • Tech
阅读更多
DHH于6月底曾经发表过一篇文章,名为《我就喜欢HTML/CSS/JavaScript,那又怎么样!》,大意是说,目前热炒的RIA技术并不能够取代AJAX技术,而事实上我们还没有发挥出HTML的全部潜力,我本人很享受HTML/CSS/JS给给我的开发体验云云。

我比较赞成DHH的观点,从另外一些角度谈谈我对RIA技术,主要是Flex的看法。

我在2004年曾经指导一个企业应用系统的开发,这个系统提出了比较高的实时反馈和交互式要求。由于同时有两个flash高手加盟,我们决定采取基于flash的RIA技术:

对于交互要求非常高的部分使用flash开发,flash通过AMF协议和服务器端通讯,服务器端使用了OpenAMF这个开源框架,可以解析AMF请求,转化为对Spring bean的调用,这个架构是一个标准的分布式系统调用:

flash <-----AMF-----> OpenAMF网关 <--> Spring Ioc

和现在很多人普遍采用的AJAX DWR框架是一个道理:

IE <-----XHR-----> DWR <--> Spring Ioc

客户端的flash是先用Flash IDE画好界面元素,保存为fla文件,然后程序员使用ActionScript编写代码,和服务器端进行交互。这是一个标准的基于Flash的RIA方案,但是项目最终放弃了Flash RIA。

时至今日,REST+Flex又被作为一个非常热门的方案被提出来了,那么REST+Flex比2004年我们采用的AMF+Flash方案有什么区别呢?

一、服务器端和客户端交换数据的方式不同

1、AMF+Flash采用的是标准的RPC方式,这种方式的被广泛的使用在EJB,XML-RPC,DWR等等,这种方式的缺点这里不赘述了,JavaEye以前有大量的讨论

2、REST+Flex采用的是REST方法,这种方式是现在非常热门的轻量级分布式系统解决方案之一,优点也不赘述了,JavaEye也有大量讨论

二、客户端描述界面的方式不同

1、AMF+Flash采用标准的Flash IDE来画界面,保存为fla后缀的二进制文件,界面文件不可直接用文本编辑器编辑,一般程序员很难使用。

2、REST+Flex采用Flex Builder来画界面,或者用文本编辑器手工编写MXML,这是一种带有namespace的XML的文件,程序员比较容易使用。

通过比较我们可以发现,REST+Flex的方案已经前进了一大步,但是我还没有提到为什么2004年那个Flash RIA方案会失败,为什么呢?失败的最重大的原因在于开发成本!

你会说,我们用AJAX开发成本也很高阿,HTML/CSS/JS跨浏览器兼容性的成本非常高。Flash不用考虑跨浏览器,界面还可以用IDE直接画,AS代码和MXML界面彻底分离,多棒的MVC,开发效率怎么想都比AJAX低很多。不错,Flash没有跨浏览器开发成本,但是Flash有一个巨大的和网页交互的成本。

这又牵扯出来一个更深层次的问题:互联网传播的主要载体是什么?文本?图片?视频?还是其他的什么?

HTML的诞生是适应于互联网大量文本内容的传播的,只要你的web应用还是以文本为主,就必须以HTML为主,这一点无法改变。那么就意味着你的Flash RIA必须要大量的和HTML页面进行交互。(也有一些纯网络游戏或者休闲游戏网站是纯flash的,几乎没有HTML,但这不是我们讨论之列)

所以问题就在于Flash和网页的大量交互,但很遗憾的是Flash操纵网页DOM的能力很弱,与传统的JavaScript无法相提并论!所以你会遇到各种意想不到的问题,而这些问题原本用JavaScript却是很简单的事情,例如驱动网页导航,刷新,打开关闭窗口,DIV隐藏显示等等,开发成本就是这么不知不觉升上来的。最终你会发现Flash的开发成本太高!

其实这不能怪Flash,根源在于:你开发的web应用最终还是一个基于文本形式的,所以你就无法使用纯Flash应用(Flash对于文本支持能力又很弱),必须大量依赖HTML;而要大量操纵HTML,最趁手的工具就是JavaScript,而Flash就是一个很蹩脚的工具,无论它的多媒体表现能力多么强大。

SilverLight能改变这一点吗?不能!Microsoft发明XMLHTTP绝对是天才的创意,XMLHTTP之所以成功根本原因在于它和HTML的良好交互性,而且使用JS操纵。SilverLight只是Flash的一个模仿品,却完全没有看到Flash的局限性在哪里?所以SilverLight完全继承了Flash的致命缺点。这也只能说明SilverLight是Microsoft商业竞争的一种手段,而不是本着创新精神去做的东西。

现在开发AJAX的确有其痛苦之处,跨浏览器兼容性是最让人头疼的。但是我们应该清楚,只要web应该是基于文本形式这一点不改变,那么HTML/JS的地位就不会改变,那么AJAX无论如果都是web开发之首选技术。
分享到:
评论
8 楼 抛出异常的爱 2007-08-03  
用flash对dom进行控制是有点困难
但还有其它的问题,
比如每页flash的开发,维护成本高于 js才是关键。
还有网速的考虑。
7 楼 sp42 2007-08-03  
Javascript的再激活,除了在客户端上参与和(x)html的复兴外,亦正在驾临服务端的开发。参见一则消息:
引用
为了提升google的开发效率,Steve努力尝试说服公司采纳Rails(包括Ruyb)作为开发工具,但是google不予采纳(google不想再增加支持的语言的数量)。Steve决定把Rails移植到JavaScript上去。这意味着一个google有可能在未来开源一个新的项目Rhino on Rails。

限制语言的数量将使得开发人员对代码的贡献度更大,他们无需担心成为不熟悉的语法的牺牲。

每一个公司正式支持的语言都是有成本的:基础架构的支持,文档,培训,代码冗余还有其它因素。虽然编程语言的核心语法都是大同小异,但是剩下的各自独特的语法就难以辨认,尤其是没有明确标准的动态语言,例如Perl,Ptthon,Ruby。Google非常谨慎的保持使用语言的数量。这样就可以构建大量对所用语言非常熟悉的专家。goole目前只使用C++,Java,Python,javascript作为正式的产品开发语言。

详细:http://www.infoq.com/cn/news/2007/06/yegge-rhino-on-rails
6 楼 mistapostle 2007-08-02  
我要push信息到前端怎么办
5 楼 Jove 2007-08-02  
所以, 如果要做一个系统框架, 比如Netvibes这样的, 必须用HTML, 因为要整合各种widget. 而对于某个应用, 如果界面要求比较高,又不计成本,那可以用Flash/Flex

其实Flex/OpenLaszlo也不见得门槛有多低, 不见得熟悉JavaScript就能很快上手
4 楼 bluepower 2007-08-02  
weiqingfei 写道
为什么就不可以整个页面完全使用flash或者SilverLight呢?


完全可以,但似乎走向了一个极端,为何要抛弃 HTML 呢?
3 楼 bluepower 2007-08-02  
个人更喜欢开发 Ajax App,不过 YAHOO 的 flash 地图应用也不错哦~
2 楼 weiqingfei 2007-08-02  
为什么就不可以整个页面完全使用flash或者SilverLight呢?
1 楼 interpb 2007-08-02  
见过一些全flash的web 应用 叹为观止

相关推荐

    AJAX探秘与RIA深度挖掘

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它的核心在于JavaScript的XMLHttpRequest对象,该对象允许开发者在后台与服务器交换数据并更新部分页面...

    Ajax,RIA与Web开发程序员教程代码示例(ch02)

    Ajax(Asynchronous JavaScript and XML,异步JavaScript和...通过学习这个教程,开发者将能够熟练运用Ajax和RIA技术,提高Web应用的交互性和用户体验。同时,提供的大量代码示例将帮助学习者快速上手并解决实际问题。

    Web 2.0 Security - Defending Ajax, RIA, and SOA.pdf

    2. **RIA的安全性**:RIA技术带来了丰富的交互体验,但这也意味着攻击者有更多的途径来利用客户端漏洞。 3. **SOA的安全性**:SOA是一种架构模型,旨在通过服务接口提供可重用的应用功能,但其开放性和灵活性也使得...

    RIA及技术与用户体验

    例如,互动地图服务、在线视频平台、复杂的数据可视化工具等都是RIA技术的典型应用,它们提供了丰富的图形展示和实时的用户反馈。 **Flex作为RIA的开发利器**Flex为开发者提供了强大的组件库、数据绑定机制和MVC...

    《深入理解Ajax基于JavaScript的RIA开发》配书源码

    《深入理解Ajax基于JavaScript的RIA开发》是一本专注于Web开发技术的专业书籍,其配书源码包含了一系列实际的示例和实践项目,旨在帮助读者深入掌握Ajax和基于JavaScript的富互联网应用(Rich Internet Applications...

    RIA技术实战

    JavaScript是RIA技术的核心之一,它是一种解释型的、跨平台的脚本语言,主要用于网页和网络应用的开发。在RIA中,JavaScript用于实现动态页面更新、用户交互以及数据验证等功能。理解JavaScript的基础语法,如变量、...

    DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.

    DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级 DWZ框架支持用html扩展的方式来代替...

    SAP 2008 技术大会 RIA与RCA 演讲稿

    例如,AJAX、Flex和Silverlight等技术正在互相借鉴,共同推动RIA技术的进步。 - RCA技术也在不断发展,如Adobe AIR、Microsoft Silverlight等工具的出现,使得RCA技术得到了更广泛的应用。 ##### 2. 用户体验改进 -...

    RIA发展概况与Flex技术解析

    随着Web2.0时代的到来,RIA技术迅速崛起,成为构建高度互动、动态更新和个性化服务的关键技术。它通过利用客户端资源,实现实时数据处理和动态内容渲染,为用户提供更流畅、响应更快的应用体验。 #### 传统Web应用...

    Web 2.0动态网站开发 : Ajax技术与应用光盘

    在《Web 2.0动态网站开发 : Ajax技术与应用》这本书中,作者阮征可能会详细讲解如何使用Ajax技术实现以下功能: - **异步数据交换**:Ajax使得网页可以在后台与服务器进行通信,用户无需等待页面刷新即可看到更新。...

    PHP+Ajax Web 2.0编程技术与项目开发大全(真正的随书光盘)

    【PHP+Ajax Web 2.0编程技术与项目开发大全】是针对现代互联网开发的一份综合教程,旨在帮助开发者深入理解和应用PHP、Ajax以及Web 2.0的相关技术。在这个随书光盘中,可能包含了各种示例代码、项目案例、教学视频和...

    RIA.压缩包

    压缩包中的资源可能包含了关于RIA开发的相关教程、案例、代码示例或者工具,对于学习和理解RIA技术具有很高的价值。下面我们将深入探讨RIA的核心概念、发展历程和主要技术栈。 1. **核心概念**: - 用户体验:RIA...

    Ajax的基本概念与原理

    Ajax,全称Asynchronous JavaScript and XML,是一种用于创建快速、动态网页的技术。它允许网页在不重新...随着前端技术的发展,Ajax已经成为现代Web开发不可或缺的一部分,尤其是在构建富互联网应用程序(RIA)时。

    RIA应用开发课程简介

    12. 课程回顾与未来展望:总结学习内容,讨论RIA技术的未来发展趋势。 通过本课程的学习,你不仅能够熟练掌握jQuery,还能具备开发高质量RIA应用的能力。无论你是前端新手还是有经验的开发者,都将从中受益匪浅。...

    QCon 2009 beijing全球企业开发大会ppt:13.RIA技术在GeoWeb项目中的实际应用

    RIA技术与GeoWeb的结合就是一个连横共进的例子。 在本次演讲中,我将从一个具体应用的系统架构入手来剖析如何使用RIA技术(如Flex,Dojo和Silverlight等)来提供GeoWeb服务,并从RIA软件设计的角度来探讨如何实现...

    RIA应用开发:7-创建Ajax应用.ppt

    在RIA应用开发中,Ajax(Asynchronous JavaScript and XML)技术扮演着重要角色,它允许网页在不完全刷新的情况下与服务器进行数据交换,从而提升了用户体验。 创建Ajax应用的关键在于XMLHttpRequest对象,这是Ajax...

    JSP页面中模糊查询 基于Ajax技术

    【Ajax技术】Ajax,全称"Asynchronous JavaScript and XML",是一种构建富互联网应用程序(RIA)的技术,它允许在不刷新整个网页的情况下与服务器交换数据并更新部分网页内容。Ajax的核心是XMLHttpRequest对象,它使...

    RIA服务

    3. **跨平台支持**:虽然主要与Silverlight结合,但RIA服务也支持非Silverlight的客户端,如ASP.NET AJAX,提供了更大的灵活性。 **应用领域:** RIA服务特别适用于需要高度交互性和实时反馈的Web应用,如在线购物...

Global site tag (gtag.js) - Google Analytics