Flex体系架构深度剖析--马鉴_图文.

1、Flex体系架构深度剖析马鉴Platform Technology EvangellslAdobeBlog: 企业应用进化之路企业应用逬化之路用户体暂MAdobe Flash平台技术家族悅计开发工具隼合FxMobeFUibAdobe FUshMote FtaCM ProfeworulBuddev框架客户後服务熬爲Fx/，F卜AdobeAdobe RathPlayeramiFyAdobe Flex*4Data ServicesAdobe AIIT针对RIA的Adobe技术整体架构Thud partyDesign &DevelopmentToolsApplicatxn$CHApplicat

2、ionTierf亍HnS,AMF.KTMHSOAMWSMKT. Remote DomamsApplication SerwnFUsitruihCMUMQOr CfiKwmServerKnpOther ILC G$JSeServleUBack End持久性 跨挥作系统 简涵的慢式业努层 连 j 妾业务对发连接販昭耳跑疗勇SOA/ESA1资 K K敢進库.外部系竦.現存资潭Flex体系架构划分Adobe Flex产品架构MXML and ActionScript 3.0 ffiSPTO#库Command-line译Flex 3 Open Source产品工具及服务应用开发FxAdobe*Fie广3

3、 SDKOpen source Flex SDKFlex 3开源SDK源文件基于MPL开源许可f包痢rameworK compiler, debugger公开的bug系统（基于JIRA）,路线图及毎日构建下栽 Free Adobe Flex SDKOpen Flex SDKFlex Ul ComponentAIR SDKOpen Flex SDKCoFrameworksFlex SDK add ons for Open Flex SDKUl ComponentAIR SDKMFlex核心-MXMLmx:Button labelGet Data*clickws.getProductsO* mx:

4、LineChart dataProvider= MXML-对象实例r MXML-属性MXML-事件MXML-数据绑定 mx:LineChartdataProviderfws.getProducts.result Flex核心-基干AVM2的编译器及Flash PlayerFlash Player一些内部机制2种渲染模式 Retained模式扁端拽式，AS3是Retained Mode能够成为泾屯Adobe产品功能的标准分离迫漁本身和功能依賴要求.如GPU, Cell等縫縊分藹处理的类5L如video,audio在追染计算中以表面轉征出现（Surfaces）BitmapData,Filter$,

5、cacheAsBitmaplf是表面待征Bitmap本身会披独立保留解决了沮染模武中的不连续性体系庞大奉于络护和保持兼容性Flash Player些内部机制2种渲染模式 Immediate模式底层模式灵活易于维护及保持兼容缺点那定了功能到底展语言与碓件腿动结论Pixel Bender用Immediate模式GPUJD速使用Immediate模式分韶为表欽的部分任用Immediate模式Bitmap和其他fillsi*充为Retained 4*式AS3是Retained模式两者混合可以优化Binary下的Retained效率Flash Player一些内部机制时间轴増强单线程还是多线程？ AS3

6、 Execution Model是单线程不翌淚会睾聂穩单线程量一个本展现象原有开发人员的担忧当 UI 的绘制计算袈大时当位图处埋也算板大时当 VideoSift 计算极大时（比如 HDVide）AS3i3S 的执行将会不阪桂现在Flash Player 10 中 AS3 Runtime Execution 与图影滾染 it 在同一发程网络.Socket 监听在一个分离的枕立线程两个线程祁對闭.不可外部访问真正的多线程是債用 PiwHBendQr Shaders 处理淤 fi 与 AVM 境程分陽开发人员使用 Green Thread 的伪线程理论.例Thredd Library httpy/w

7、wwJibsparkorg/htdocs/ajJ/thrQcdles/dociiment/未来FPimu.加人多线程支持MFlex核心-编译器架构Flex核心-MXML文档容器Flex应用背后应用依赖性 Binary Size使用FlashCS 116KB使用AS3+Co 8KBDeoug SWF we 23KRmase SWF g 147K DepenoemAcMnScnptcMMt 2Unopommd AconScr code g 744K背景Application容器十单一Label构金HelloWorld基干Flex frameworks的决策优点利于项目剖署利于整合开发権衆良好的结构

8、及代码规范利于提高测试效率-模块化团队开发计划采用成熟开发椎架和模式时开发大规模应用时与成熟中间件及其他业务系统整合时缺点代码量大嬲$沁相对较大（有优聲肯样式定制化程度比Flash创何时不用个人程序项目创息网站追求鼓小尺寸交互动国效果文件-纯粹的展示亦用，无动态数据交互时Flex如何在浏览器中工作Flex应用设计工作流及 |町数据服务剖析XML/HTTPRESTSOAP Web Services现存系统和架构/ Flash PlayerWeb服务器J2EE Application ServerFlex应用SAP exampleSAP Rich Islands for the Adobe f 4

9、sh inatformDeveloper Overview采用何种工作流完成Flex应用？FkaHI.001XW- i；*MHWMver ABA,3*3 development更具革命性质的工作流-Flash Catalyst像设计面向UI架构和设计师的工作方式BlazeDS是Adobe基于LGPL v3开源协 议灵献给开源社区的一个基于HTTP消 息传输的Flash/Flex Remtoing数据服 务包功能更容易的连接现有中间件逻辑和Flex前iftui更爲的数耀传输性能基于HTTP之上的实时数据II送扩展消息机制的发布/订阅功能基于Action Message Format (AMT)

10、2逬制数据协议规范DemoFbx数据服务-BlazeDS架构LmCydeCoMFuuonCustom.Protf/WrvKSrvkeBlazeDSMSBlazeDS客户端架构BUOS Client AichtectureFlnClmtSWF from MXMiUse mterfxt utin F1e SDKBltteDS componentsBlazeDS服务器端架构Mi/rM Sevvrf Ac hircttfrMTTt pretsc*b O$6,nn* $MeftageBrolurStnHfCMetfigeBrokerServctDcranaMHAdaottrFlex with Java

11、via XML (RESTful / SOAP)Flex with Java via Flash RemotingJ2EE ServerBlazeDSZcFlex with Java viaBlazeDS MessagingRTMP AMFHTTPRIA架构下不同远程数扳服务性能比较Census Project: httpy/www.iamesw 古 httD：flexapp$.cv$5Qwcefor9eneA) )ax XMlLa$zk XMLFkx XML ASFlex XML E4XApx JSONDopA) )ax SOAPFlex SOAPASHex SOAPE4X AMF 儿数据传

12、输时间消耗( (5000 条记录.由长到妁):Laszlo XMLFlex SOAP ASFlex SOAP E4XAjax SOAPFlex XML ASFlex XML E4XApx HTMLAjax JSONPXAV iA) )ax XMLDojo数摇解析时间消耗( (5000 条记录.由长到短)：Flex SOAP ASApx SOAPAjax XMLU$do XMLFlex XML ASApx J$ONAex SOAP E4XFlex XMLE4XDojoF：xAMF Ajax HTML故据法染时间消耗( (5000 条记录.由长到短)：Do) )oA) )ax HTML/Max S

13、OAPA/ax XMLApx JSONUszlo XMLFlexSOAP E4XFlex SOAP ASFlex XMLE4XFlex AMF3(0.4$lF1ex XML ASMFlex开发框架分析现有成熟常用的Flex框架 Cairngorm (Adobe Open Source) MVC framework PureMVC (Open Source)MVC framework Mate (Open Source)tag-based, evenbdriven Swiz (Open Source)Metadata-based Dependency InjectionSpring Action

14、Script (Open Source)-IOCFramework更多信息 http:/ 大Flex开发框架-Cairngorm DhDy/oP disda呢airnaornV特点最知名的 He)(开发1 架mkro-architecture 有一系列的 designp4ttem$H 合痕大程度上偌签了几“开发程架基于Cairngorm権架的 FIQ)(项目结构 ModleLocatoc-优点开发者社区的支特力度从 Jaw 开发?架借鉴而来的成熟实践黄略适合大的 Flex 项目适合圏队开冀由于具信出色的婪构理 论支持*唯雾分发机制-不足代码冗兪 Flw 内事件換塑复衮化-1 架过于依栽全局单例

15、復式ServkeLocatcx封益的业务逻盲FrontCcxit roller 类Flex开发框架PureMVC http:/puremvc.orq/优点特点结构菲衣清晰有中文最佳实践文档开发者社区支持充分非针对Ftex的梅架适合团队开发使用专注于MVC模式不足 ModeLView.Controllerft单例依聯于单例模式甄寵赣鍔眾瞬膺不专注于FT.对于MXML开发无待 减势基于PureMVC框架创建的Flex项目 结构过于乞调理论.实践开发周期变长与Cairngorm以将项目分成几个不同的packages通过扩展杞衆类来实现类的操作通过额外的Fde类来作为应用入 口MFlex开发框架-刚狀

16、泾Flex 开发框架 _ Swiz liiip:/co（ic,googlcrcom/p/ swizlTaincworlv 特点loC 与 DI 模式简化事件侦听处理异步远程调用 集中强调对于 Java 模式的利用 优点不强迫改变项目文件结构metadata loC DI 理机制 Flex内置事件处MQE类似，也不定义项目结 构，需要开发团队自行定义基于 Swiz 创建 Flex 的结构 首先告知 Swiz 框架应用组件结构核心为集中工厂模式提供依赖管理，通过定制的 metatag 原标签 A UK） Wire由于使用自定义元数据标签，编译过程可能需要使用别的框 架从来不曾用到的参数 2008

17、Adobe SystemsIn corporated. All Rights Reserved.Flex开发框架 -Spring AclionScript hUp:/ivww.pranaiiYiincivoTk.O?特点djG 之上的 IoC 容器可以特别使用在 Flex 上 扩展 Cairngorm 和 PureMVC提供基于 MVC 的架构和实现方式基于 Java Spring 框架特别专注于BlazeDS 和 remoting messaging 交互逻辑优点Ctiimgonn PureMVC 特别有远程服务和消息方法定制，无需改动 services- gAm! mcssngingcon

18、 g.xml重用性强易于测试 支持文档齐全 基于 Spring AS 框架的 Flex 项目结构 hrtb：nrt茁电启sFufiucccinn/特点*昌于吟蟹科李性駆功的柜聲忧点完全iWXMLSU至件星砂专汴于更容吕的过丈草来换 农件-；汁费电话蛋会打培册的隈型汪册实基于Md怔创建的FI曲项目结构腿班拥有一介或多个事件必殓修 个MXMLJ；件琮为1咖讯耐怪 event ip+mxmli件定文!fl 领听的事件 却如何陷.出做事性町戌列有峯牛ewnt map丈炸*評銭总籬彎软狽较奩朗門是巴孫娶的裁搞传督亞貫相雜弭合射粧捋注人冥琛方叢 爼件外体特于全居令划損戒 更加秆劉充雪坯直岀窕五榛悴不msH-ae-IIT尸宙乂 円 不公倦制开炭者桂嵐耳帖晌宦玳埋甜简单文档示舸令多不足iXlJSttrMXML丁新.齐工忤曲快用M工三齐或幕严开疝沖丸服酿不抚性.屯Li wCycle DdlAScrvk啊数据对象定义在外部 XML 中 运行时加载通过容器管理依赖注入设置method-invocation方法浇铸元素预处理MethodinvokingFactory对象的实例 针对服务，操作和命名提供一些接口