淘宝无线Android客户端架构介绍-0708

无线淘宝Android客户端架构组件化+WebPlus无线开发陶钧taojun@淘宝无线线客户端端Android

挑战淘宝本身身的业务务丰富，，品种繁繁多；比如：聚聚划算算，彩票票，口碑碑，机票票，直充充等等等；业务变化化快，可可运营特特性要求求快速上上线；如何应对对？基于组件件模型进进行业业务开发发WebPlus基于组件件的应用用框架层层每个组件件包含了了具体页面，业务功能以及及数据，以一个个整体模块的形式存存在。。保障并行行开发：：熟悉业务务的开发发者分别进行各自自业务的的开发，，减少协作作和沟通通；重用：提提供公共的基础组件和SDKs降低开发发成本，如淘淘宝无线线安全登录录组件；；业务流程程开发更更简单组件设计计要求不不改变Android开发者熟熟悉的编编程习惯惯，可以以直接使使用Activity和Handler等；组件模型型组件之间间通信通通过CompProxy组件可以以直接使使用View和Layout；组件与OS事件的通通信不受受影响组件模型型的核心心CompProxy组件的Capability注册和管管理管理组件件的生命命周期组件间通通信维护组件件的状态态（Active）SDKandViewControls在业务开开发中，，不断积积累下来来的通用用SDK和View聚划算业业务流流开发功能性组组件重用用，大大大减少了了业务流流开发和和调试工工作量组件通信信AppEngine与组件之之间的通通信必须须通过组组件的接接口完成成来自OS或者AppEngine的事件通通过组件件的接口口传递给给组件；；组件之间间的通信信：CompServiceProtocol通过注册册，请求求，响应应Service，去掉组组件之间间的物理理依赖；；每个组件件提供的的功能并并定义为为Service组件与OS之间的通通信不受受任何限限制组件可以以直接调调用任何何系统API；组件可以以直接调调用任何何SDK的接口；；SDKsandViewControls对淘宝业业务开发发，你一一定需要要一个ImageDownloader；手机上内内存有限限，你要要小心地地使用图图片缓存存，无论论是你还还是其他他开发者者不加控控制地使使用缓存存或图片片缓存，，对整个个应用来来说都是是一个悲悲剧；我们希望望你将业业务数据据封装成成标准数数据源后后，就能能直接按按四宫格格显示在在界面上上；翻页页，异步步加载图图片，缓缓存，预预取，性性能优化化这些都都交给我我们；完整测试试，性能能优化，，标准化降低开发发成本，，业务开发发提速；；保证核心心功能的的稳定性性；保持应用用程序不不至于被被各种风风格的代代码撑爆爆；CompArchitectureCache轻量级的的本地缓存basedonheap，filesystem在新版本本上线前前，检测测MemoryFootprint，评估内内存使用用的质量量；ImagePool图片缓存将图片转转换成字字节流，，突破Androidbitmapheap的限制；；图片内存存溢出时时，自动动处理；；DataProvider，Source，ListDataProvider封装了对对超大数数据的网网络获取取，动态态存储，，翻页展展现等功功能；比比如，搜搜索结果果列表界界面中的的宝贝列列表；DataSource是具体业业务数据据的协议议封装；；开发者实实现自己己的DataSource，就可以以通过DataProvider+List创建出大数据量优化化过的界界面和逻逻辑；WhyWebPlus？线上快速速部署的的能力RealCase::淘宝运营营推出出新的线线上优惠惠，购买买商城商商品，送送商城积积分有些业务务用WebPlus,体验和Native差别不大大RealCase::淘宝旺旺旺HTML5版没有足够够的Client开发资源源WebPlusSampleNativeLayoutcontainonewebviewlayout；TBWebViewWebviewjustahtmlrenderingengineTBWebView基于业务务对WebView进行了优优化优化：访问速度度，业务缓缓存，交交互体验验2G网络，淘淘宝Android客户端详详情WebPlus页面速速度统计计主要的时时间消耗耗在图片片等资源源的加载载过程中中，这些些图片主主要包括括详情也也中的正正品、7天包换、、信用、、load菊花以及及css中的一些些背景及及旺旺图图片这些资源源大概消消耗了15-20k的流量，，占用10-14s时间。

HTML下载时间DOM加载消耗时间图片SKU资源加载时间总加载时间网络:HTML,宝贝图片，ResIMG

本地:JS，CSS2.6630.22316.83619.722网络:HTML，宝贝图片

本地:JS，CSS，ResIMG2.3620.2242.895.476网络:宝贝图片,Data(inJSONformat)

本地:HTML，JS，CSS，ResIMG1.6030.2351.513.348KeynotesforspeedStatisticresource(JS,CSS),Resourceimagesshouldbecached;;

Theproperimagesizewhichisrelatedtodevicescreenisalsothekey..业务缓存存webview内部有自自己的资资源缓存存开发者可可以结合合业务需需要，通通过viewmgr++cache定制特殊殊的业业务缓存存；TBWebviewPackageResMgr:HTML中所有静静态资源源都将被被ResMgr记录，并并放入缓缓存；ResMgr负责完成成资源更更新检查查；ViewMgr用于记录录页面访访问轨迹迹，可以以根据业业务需要要，定制制返回和和跳转逻逻辑；比如，用用户在订订单跳支支付页面面中出现现网络超超时，程程序可以以自动跳跳转订单单列表界面行业内的的Webkit应用Android，IOS上优秀应应用，也也都利用用了webkit来提供更更丰富的的功能，，例如：：flipboard@@ipad,Sinaweibo@android浏览器对对HTML5的支持越越来越好好，WebApp也可以更更加遍历历的访问问Native功能HTML5CacheSupportonMobilecomingsoonHP(originallyPalm))WebOSv3.0NokiaWebTools1.2supportSeries40andSymbianwebappsThirdpartysolution:Sencha,jQTouchetc未来Webcore应用框架1WebApp会成为应用用框架的的一个重重要组成成部分，，并且完美的的和NativeApplication嫁接一个应用广广泛的框架：所有系系统都存存在的MultimediaFramework（DShow，Gstreametc）高度灵活活，可定定制化，，跨平台台（名字字一定不不一样））未来Webcore应用框架2Webcore应用框架架会由引引擎层层+应用层组成应用层提提供更方方便的使用接口，本本地缓存存，资源源更新模模块；引擎层即即webcore，承载数数