淘寶無線Android客戶端架構(gòu)介紹

無線淘寶Android客戶端架構(gòu)組件化+WebPlus無線開發(fā)陶鈞taojun@taobao.淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第1頁!淘寶無線客戶端Android

淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第2頁!挑戰(zhàn)淘寶本身的業(yè)務(wù)豐富，品種繁多；比如：聚劃算，彩票，口碑，機(jī)票，直充等等；業(yè)務(wù)變化快，可運(yùn)營(yíng)特性要求快速上線；如何應(yīng)對(duì)？基于組件模型進(jìn)行業(yè)務(wù)開發(fā)WebPlus淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第3頁!基于組件的應(yīng)用框架層每個(gè)組件包含了具體頁面，業(yè)務(wù)功能以及數(shù)據(jù)，以一個(gè)整體模塊的形式存在。保障并行開發(fā)：熟悉業(yè)務(wù)的開發(fā)者分別進(jìn)行各自業(yè)務(wù)的開發(fā)，減少協(xié)作和溝通；重用：提供公共的基礎(chǔ)組件和SDKs降低開發(fā)成本，如淘寶無線安全登錄組件；業(yè)務(wù)流程開發(fā)更簡(jiǎn)單組件設(shè)計(jì)要求不改變Android開發(fā)者熟悉的編程習(xí)慣，可以直接使用Activity和Handler等；淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第4頁!組件模型的核心CompProxy組件的Capability注冊(cè)和管理管理組件的生命周期組件間通信維護(hù)組件的狀態(tài)（Active）SDKandViewControls在業(yè)務(wù)開發(fā)中，不斷積累下來的通用SDK和View淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第5頁!組件通信AppEngine與組件之間的通信必須通過組件的接口完成來自O(shè)S或者AppEngine的事件通過組件的接口傳遞給組件；組件之間的通信：CompServiceProtocol通過注冊(cè)，請(qǐng)求，響應(yīng)Service，去掉組件之間的物理依賴；每個(gè)組件提供的功能并定義為Service組件與OS之間的通信不受任何限制組件可以直接調(diào)用任何系統(tǒng)API；組件可以直接調(diào)用任何SDK的接口；淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第6頁!完整測(cè)試，性能優(yōu)化，標(biāo)準(zhǔn)化降低開發(fā)成本，業(yè)務(wù)開發(fā)提速；保證核心功能的穩(wěn)定性；保持應(yīng)用程序不至于被各種風(fēng)格的代碼撐爆；淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第7頁!Cache輕量級(jí)的本地緩存basedonheap，filesystem在新版本上線前，檢測(cè)MemoryFootprint，評(píng)估內(nèi)存使用的質(zhì)量；ImagePool圖片緩存將圖片轉(zhuǎn)換成字節(jié)流，突破Androidbitmapheap的限制；圖片內(nèi)存溢出時(shí)，自動(dòng)處理；淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第8頁!WhyWebPlus？線上快速部署的能力RealCase:淘寶運(yùn)營(yíng)推出新的線上優(yōu)惠，購買商城商品，送商城積分有些業(yè)務(wù)用WebPlus,體驗(yàn)和Native差別不大RealCase:淘寶旺旺HTML5版沒有足夠的Client開發(fā)資源淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第9頁!TBWebViewWebview

justahtmlrenderingengineTBWebView基于業(yè)務(wù)對(duì)WebView進(jìn)行了優(yōu)化優(yōu)化：訪問速度，業(yè)務(wù)緩存，交互體驗(yàn)淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第10頁!KeynotesforspeedStatisticresource(JS,CSS),Resourceimagesshouldbecached;

Theproperimagesizewhichisrelatedtodevicescreenisalsothekey.業(yè)務(wù)緩存webview內(nèi)部有自己的資源緩存開發(fā)者可以結(jié)合業(yè)務(wù)需要，通過viewmgr+cache定制特殊的業(yè)務(wù)緩存；淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第11頁!行業(yè)內(nèi)的Webkit應(yīng)用Android，IOS上優(yōu)秀應(yīng)用，也都利用了webkit來提供更豐富的功能，例如：flipboard@ipad,Sinaweibo

@android瀏覽器對(duì)HTML5的支持越來越好，Web

App也可以更加遍歷的訪問Native功能HTML5CacheSupport

onMobileingsoonHP(originallyPalm)WebOS

v3.0NokiaWebTools1.2supportSeries40andSymbianwebappsThirdpartysolution:Sencha,jQTouchetc淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第12頁!未來Webcore應(yīng)用框架2Webcore應(yīng)用框架會(huì)由引擎層+應(yīng)用層

組成應(yīng)用層提供更方便的使用接口，本地緩存，資源更新模塊；引擎層即webcore，承載數(shù)據(jù)流；OS廠商應(yīng)該以框架的形式開放webcore，應(yīng)用軟件商可以根據(jù)業(yè)務(wù)需要使用私有協(xié)議，個(gè)性化技術(shù)和業(yè)務(wù)優(yōu)化；淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第13頁!組件模型組件之間通信通過CompProxy組件可以直接使用View和Layout；組件與OS事件的通信不受影響淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第14頁!聚劃算業(yè)務(wù)流開發(fā)功能性組件重用，大大減少了業(yè)務(wù)流開發(fā)和調(diào)試工作量淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第15頁!SDKsandViewControls對(duì)淘寶業(yè)務(wù)開發(fā)，你一定需要一個(gè)ImageDownloader；手機(jī)上內(nèi)存有限，你要小心地使用圖片緩存，無論是你還是其他開發(fā)者不加控制地使用緩存或圖片緩存，對(duì)整個(gè)應(yīng)用來說都是一個(gè)悲??；我們希望你將業(yè)務(wù)數(shù)據(jù)封裝成標(biāo)準(zhǔn)數(shù)據(jù)源后，就能直接按四宮格顯示在界面上；翻頁，異步加載圖片，緩存，預(yù)取，性能優(yōu)化這些都交給我們；淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第16頁!CompArchitecture淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第17頁!DataProvider，Source，ListDataProvider封裝了對(duì)超大數(shù)據(jù)的網(wǎng)絡(luò)獲取，動(dòng)態(tài)存儲(chǔ)，翻頁展現(xiàn)等功能；比如，搜索結(jié)果列表界面中的寶貝列表；DataSource是具體業(yè)務(wù)數(shù)據(jù)的協(xié)議封裝；開發(fā)者實(shí)現(xiàn)自己的DataSource，就可以通過DataProvider+List創(chuàng)建出大數(shù)據(jù)量?jī)?yōu)化過的界面和邏輯；淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第18頁!WebPlusSampleNativeLayoutcontainonewebviewlayout；淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第19頁!2G網(wǎng)絡(luò)，淘寶Android客戶端詳情WebPlus頁面速度統(tǒng)計(jì)主要的時(shí)間消耗在圖片等資源的加載過程中，這些圖片主要包括詳情也中的正品、7天包換、信用、load菊花以及css中的一些背景及旺旺圖片這些資源大概消耗了15-20k的流量，占用10-14s時(shí)間。

HTML下載時(shí)間DOM加載消耗時(shí)間圖片SKU資源加載時(shí)間總加載時(shí)間網(wǎng)絡(luò):HTML,寶貝圖片，ResIMG

本地:JS，CSS2.6630.22316.83619.722網(wǎng)絡(luò):HTML，寶貝圖片

本地:JS，CSS，ResIMG2.3620.2242.895.476網(wǎng)絡(luò):寶貝圖片,Data(inJSONformat)

本地:HTML，JS，CSS，ResIMG1.6030.2351.513.348淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第20頁!TBWebviewPackageResMgr:HTML中所有靜態(tài)資源都將被ResMgr記錄，并放入緩存；ResMgr負(fù)責(zé)完成資源更新檢查；ViewMgr用于記錄頁面訪問軌跡，可以根據(jù)業(yè)務(wù)需要，定制返回和跳轉(zhuǎn)邏輯；比如，用戶在訂單跳支付頁面中出現(xiàn)網(wǎng)絡(luò)超時(shí)，程序可以自動(dòng)跳轉(zhuǎn)訂單列表界面淘寶無線Android客戶端架構(gòu)介紹共23頁，您現(xiàn)在瀏覽的是第21頁!未來Webcore應(yīng)用框架1WebApp會(huì)成為應(yīng)用框架的一個(gè)重要組成部分，并且完美的和NativeApplication

嫁接一個(gè)應(yīng)用廣泛的框架：所有系統(tǒng)都存在的MultimediaFramework（DShow，Gstreametc）高度靈活，可定制