资源描述
单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2011-7-8,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2011-7-8,#,无线淘宝,Android,客户端架构,组件化,+Web Plus,无线开发 陶钧,淘宝无,线,线客户,端,端Android,挑战,淘宝本,身,身的业,务,务丰富,,,,品种,繁,繁多;,比如:,聚,聚划,算,算,彩,票,票,口,碑,碑,机,票,票,直,充,充 等,等,等;,业务变,化,化快,,可,可运营,特,特性要,求,求快速,上,上线;,如何应,对,对?,基于组,件,件模型,进,进行,业,业务开,发,发,WebPlus,基于组,件,件的应,用,用框架,层,层,每个组,件,件包含,了,了具体页面,业务功能以,及,及数据,以一,个,个整体模块的形式,存,存在,。,。,保障并,行,行开发,:,:熟悉业,务,务的开,发,发者分别进行各,自,自业务,的,的开发,,,,减少协,作,作和沟,通,通;,重用:,提,提供公共的基础组件和SDKs降低开,发,发成本,如,淘,淘宝无,线,线安全登,录,录组件,;,;,业务流,程,程开发,更,更简单,组件设,计,计要求,不,不改变Android开发者,熟,熟悉的,编,编程习,惯,惯,可,以,以直接,使,使用Activity和Handler等;,组件模,型,型,组件之,间,间通信,通,通过Comp Proxy,组件可,以,以直接,使,使用View和Layout;,组件与OS事件的,通,通信不,受,受影响,组件模,型,型的核,心,心,Comp Proxy,组件的Capability注册和,管,管理,管理组,件,件的生,命,命周期,组件间,通,通信,维护组,件,件的状,态,态(Active),SDKand ViewControls,在业务,开,开发中,,,,不断,积,积累下,来,来的通,用,用SDK和View,聚划算,业,业务,流,流开发,功能性,组,组件重,用,用,大,大,大减少,了,了业务,流,流开发,和,和调试,工,工作量,组件通,信,信,AppEngine与组件,之,之间的,通,通信必,须,须通过,组,组件的,接,接口完,成,成,来自OS或者AppEngine的事件,通,通过组,件,件的接,口,口传递,给,给组件,;,;,组件之,间,间的通,信,信:Comp ServiceProtocol,通过注,册,册,请,求,求,响,应,应Service,去掉,组,组件之,间,间的物,理,理依赖,;,;,每个组,件,件提供,的,的功能,并,并定义,为,为Service,组件与OS之间的,通,通信不,受,受任何,限,限制,组件可,以,以直接,调,调用任,何,何系统API;,组件可,以,以直接,调,调用任,何,何SDK的接口,;,;,SDKs andView Controls,对淘宝,业,业务开,发,发,你,一,一定需,要,要一个ImageDownloader;,手机上,内,内存有,限,限,你,要,要小心,地,地使用,图,图片缓,存,存,无,论,论是你,还,还是其,他,他开发,者,者不加,控,控制地,使,使用缓,存,存或图,片,片缓存,,,,对整,个,个应用,来,来说都,是,是一个,悲,悲剧;,我们希,望,望你将,业,业务数,据,据封装,成,成标准,数,数据源,后,后,就,能,能直接,按,按四宫,格,格显示,在,在界面,上,上;翻,页,页,异,步,步加载,图,图片,,缓,缓存,,预,预取,,性,性能优,化,化这些,都,都交给,我,我们;,完整测,试,试,性,能,能优化,,,,标准化,降低开,发,发成本,,,,业务开,发,发提速,;,;,保证核,心,心功能,的,的稳定,性,性;,保持应,用,用程序,不,不至于,被,被各种,风,风格的,代,代码撑,爆,爆;,Comp Architecture,Cache,轻量级,的,的本地缓存basedonheap,file system,在新版,本,本上线,前,前,检,测,测MemoryFootprint,评估,内,内存使,用,用的质,量,量;,ImagePool,图片缓存,将图片,转,转换成,字,字节流,,,,突破Android bitmapheap的限制,;,;,图片内,存,存溢出,时,时,自,动,动处理,;,;,Data Provider,Source,List,Data Provider封装了,对,对超大,数,数据的,网,网络获,取,取,动,态,态存储,,,,翻页,展,展现等,功,功能;,比,比如,,搜,搜索结,果,果列表,界,界面中,的,的宝贝,列,列表;,Data Source是具体,业,业务数,据,据的协,议,议封装,;,;,开发者,实,实现自,己,己的Data Source,就可,以,以通过Data Provider+List创建出大数据量优,化,化过的,界,界面和,逻,逻辑;,WhyWeb Plus?,线上快,速,速部署,的,的能力,Real Case,:,:淘宝运,营,营 推,出,出新的,线,线上优,惠,惠,购,买,买商城,商,商品,,送,送商城,积,积分,有些业,务,务用WebPlus,体验和Native差别不,大,大,Real Case,:,:淘宝旺,旺,旺HTML5版,没有足,够,够的Client开发资,源,源,WebPlusSample,NativeLayoutcontain one,webview layout;,TBWebView,Webviewjust ahtmlrenderingengine,TBWebView基于业,务,务对WebView进行了,优,优化,优化:访问速,度,度,业务,缓,缓存,,交,交互体,验,验,2G网络,,淘,淘宝Android客户端,详,详情WebPlus页面,速,速度统,计,计,主要的,时,时间消,耗,耗在图,片,片等资,源,源的加,载,载过程,中,中,这,些,些图片,主,主要包,括,括详情,也,也中的,正,正品、7天包换,、,、信用,、,、load菊花以,及,及css中的一,些,些背景,及,及旺旺,图,图片,这些资,源,源大概,消,消耗了15-20k的流量,,,,占用10-14s时间。,HTML,下载时间,DOM,加载消耗时间,图片,SKU,资源加载时间,总加载时间,网络,:HTML,宝贝图片,,Res IMG,本地,:JS,,,CSS,2.663,0.223,16.836,19.722,网络,:HTML,,宝贝图片本地,:JS,,,CSS,,,Res IMG,2.362,0.224,2.89,5.476,网络,:,宝贝图片,Data(in JSON format),本地,:,HTML,JS,CSS,Res IMG,1.603,0.235,1.51,3.348,Keynotesfor speed,Statisticresource(JS,CSS),Resourceimages shouldbecached,;,;,Theproperimagesize which is relatedtodevice screenisalso thekey,.,.,业务缓,存,存,webview内部有,自,自己的,资,资源缓,存,存,开发者,可,可以结,合,合业务,需,需要,,通,通过view mgr,+,+cache定制特,殊,殊的,业,业务缓,存,存;,TBWebviewPackage,ResMgr:HTML中所有,静,静态资,源,源都将,被,被ResMgr记录,,并,并放入,缓,缓存;ResMgr负责完,成,成资源,更,更新检,查,查;,View Mgr用于记,录,录页面,访,访问轨,迹,迹,可,以,以根据,业,业务需,要,要,定,制,制返回,和,和跳转,逻,逻辑;,比如,,用,用户在,订,订单跳,支,支付页,面,面中出,现,现网络,超,超时,,程,程序可,以,以自动,跳,跳转订,单,单列表界面,行业内,的,的Webkit应用,Android,IOS上优秀,应,应用,,也,也都利,用,用了webkit来提供,更,更丰富,的,的功能,,,,例如,:,:flipboard,ipad,Sinaweiboandroid,浏览器,对,对HTML5的支持,越,越来越,好,好,WebApp也可以,更,更加遍,历,历的访,问,问Native功能,HTML5CacheSupportonMobilecoming soon,HP(originally Palm,),)WebOSv3.0,NokiaWebTools1.2 supportSeries 40 andSymbian webapps,Thirdpartysolution:Sencha,jQTouch etc,未来Webcore应用框架1,WebApp会成为应,用,用框架,的,的一个,重,重要组,成,成部分,,,,并且完美,的,的和NativeApplication嫁接,一个应用,广,广泛的框架:所有,系,系统都,存,存在的MultimediaFramework(DShow,Gstreametc),高度灵,活,活,可,定,定制化,,,,跨平,台,台(名,字,字一定,不,不一样,),),未来Webcore应用框架2,Webcore应用框,架,架会由,引,引擎,层,层+应用层组成,应用层,提,提供更,方,方便的使用接口,,本,本地缓,存,存,资,源,源更新,模,模块;,引擎层,即,即webcore,承载,数,数据流,;,;,OS厂商应,该,该以框,架,架的形,式,式开放webcore,应用软,件,件商可,以,以根据,业,业务需,要,要使用私,有,有协议,,,,个性化技术和业务,优,优化;,Q&A,Fortaobao ClientDownload:,http:/,/,/msoft,., weibo:steveyzhang,
展开阅读全文