移動(dòng)App研發(fā)跨平臺(tái)解決方案

1、移動(dòng)App研發(fā)跨平臺(tái)解決方案移動(dòng)研發(fā) 面臨的挑戰(zhàn)WEEX介紹EMAS-跨平臺(tái)產(chǎn)品介紹移動(dòng)研發(fā)面臨的挑戰(zhàn)“業(yè)務(wù)跑的要快，研發(fā)效率也要快“ 產(chǎn)品性能要好，用戶體驗(yàn)也要好業(yè)務(wù)訴求和愿景面臨的挑戰(zhàn)研發(fā) 提速業(yè)務(wù) 快跑性能要好體驗(yàn) 要好H5解決了效率問(wèn)題自建Hybrid技術(shù)方案AndroidiOS端上能力增強(qiáng) H5業(yè)務(wù)1業(yè)務(wù)2產(chǎn)品體驗(yàn)是立體的crash卡頓響應(yīng)速度布局/UI性能高顏值高/使用優(yōu)雅產(chǎn)品服務(wù)服務(wù)好交互關(guān)乎體驗(yàn)、關(guān)乎轉(zhuǎn)化率研發(fā) 提速HTML5跨平臺(tái)技術(shù)業(yè)務(wù) 快跑HTML5跨平臺(tái)技術(shù)體驗(yàn) 要好iOS Android 跨平臺(tái)技術(shù)跨平臺(tái)技術(shù)優(yōu)點(diǎn)盡顯性能要好iOS Android 跨平臺(tái)技術(shù)類WEEX

2、跨平臺(tái)技術(shù)，既能支持多端開發(fā)，又性能體驗(yàn)良好WEEX 介紹Apache WEEX24 kGithub star1423200Github Forkcontributors100+眾 多 App 均 在 使 用 Weex 構(gòu) 建 App /apache/incubator-weexApache WEEXpulse insightscode frequencyApache WEEX企鵝電競(jìng)點(diǎn)我達(dá)騎手網(wǎng)易考拉海購(gòu)http:/weex-project.io/cn/who-is-using-weex.html達(dá)人店P(guān)aytm MallLazada班豆開語(yǔ)微店買家版分期樂(lè)新浪眾測(cè)極客時(shí)間獵游有贊零售百?gòu)?qiáng)排

3、行飛呀超級(jí)云校貝貝電商外賣工具游戲金融新零售Apache WEEX“ 出生于電商，不止于電商所有能力都是社區(qū)集智貢獻(xiàn)WEEX Conf 數(shù)據(jù)引用：企鵝電競(jìng)實(shí)踐45%15.7%內(nèi)存幀率40%開發(fā)效率44.9%打開耗時(shí)降低企鵝電競(jìng)Apache WEEX1.5人力完成了極客時(shí)間App開發(fā)，40天 Android 上線Almost all of Alibabas app2015會(huì)場(chǎng)Native化會(huì)場(chǎng)框架 狂歡城2016全程雙11，全面鋪開 雙11近2000頁(yè)面秒開率95%+Weex頁(yè)面數(shù)占比99%2017集團(tuán)主流研發(fā)框架&模式雙11 30k+頁(yè)面 頻道頁(yè)WEEX in AlibabaWEEX支持業(yè)務(wù)創(chuàng)

4、新跨平臺(tái)研發(fā)模式成為標(biāo)準(zhǔn)研發(fā)模式跨平臺(tái)解決方案助力企業(yè)移動(dòng)研發(fā)加速EMAS-跨平臺(tái)產(chǎn)品矩陣專家服務(wù)提供專家培訓(xùn)/現(xiàn)場(chǎng)教學(xué) 幫助客戶建立Weex技術(shù)體系提升客戶研發(fā)能力云端控制臺(tái)提供業(yè)務(wù)線、業(yè)務(wù)模塊管理 構(gòu)建、測(cè)試、發(fā)布等Devops功能一站式開發(fā)者工具提供從開發(fā)到發(fā)布一站式IDE包 括項(xiàng)目創(chuàng)建、開發(fā)、調(diào)試、預(yù) 覽、代碼質(zhì)量檢測(cè)、發(fā)布等功能商業(yè)組件體系提供基礎(chǔ)組件/UI組件/圖表組件/ 服務(wù)組件提升業(yè)務(wù)開發(fā)效率泛質(zhì)量管理體系基礎(chǔ)度量數(shù)據(jù)分析 深度分析監(jiān)控告警研發(fā)調(diào)試測(cè)試發(fā)布運(yùn)維運(yùn)營(yíng)產(chǎn)品：開發(fā)者工具EMAS 跨平臺(tái) IDE項(xiàng)目管理Weex 開發(fā)/調(diào)試創(chuàng)建項(xiàng)目選擇模板項(xiàng)目初始化項(xiàng)目配置代碼校驗(yàn)代碼構(gòu)

5、建預(yù)覽網(wǎng)頁(yè)預(yù)覽模擬器預(yù)覽真機(jī)預(yù)覽App 一鍵打包配套環(huán)境日志終端依賴包初始化代碼編輯IDE 設(shè)置單頁(yè)面預(yù)覽項(xiàng)目預(yù)覽產(chǎn)品：開發(fā)者工具產(chǎn)品：開發(fā)者工具產(chǎn)品：開發(fā)者工具視頻imageindicatorinputlistcellrecycle- listscrollersliderswitchtexttextareavideowaterfalldomglobalEventmetamodalnavigatorpickerstoragestreamwebSocketwebview內(nèi)建組件/模塊ButtonSlideNavMinibarTabBarCheckboxRadioStepperSearchbarU

6、I組件IconPageCalendarRichTextTagDialogLoadingNoticeBar商業(yè)組件/模塊AudioAudio RecorderContacts ProviderImagePickerMaskProgressBarRefreshScanShake DetectorSystem ShareTabHeaderAnimationClipboardConnectionFileUploaderGeolocationLocationScreenVibrationWebSocket圖表組件線圖雙軸線圖自動(dòng)輪播線圖面積圖堆積線圖堆積面積圖柱狀圖雙軸柱狀圖堆積柱狀圖散點(diǎn)圖半透明氣泡圖

7、實(shí)心氣泡圖線柱混合圖南丁格爾玫瑰圖餅圖服務(wù)組件定位組件文字識(shí)別圖像識(shí)別產(chǎn)品：組件體系商業(yè)化組件基于Weex封裝，前端可以輕松調(diào)用震動(dòng)、陀螺儀、網(wǎng)絡(luò)庫(kù)、相機(jī)、系統(tǒng)、定位、及指定應(yīng)用程序信息等功能組件體系-通用組件WEEX商業(yè)化圖表組件來(lái)自于阿里數(shù)據(jù)技術(shù)及產(chǎn)品部，全部基于Native封裝，因此具備Native性能和體驗(yàn)。圖表類型：折線圖、餅圖、柱狀圖、散點(diǎn)圖、面積圖等15種類型，完全滿足基礎(chǔ)業(yè)務(wù)需要。組件體系-圖表組件地圖/定位組件圖像識(shí)別組件體系-服務(wù)組件卡證識(shí)別多種場(chǎng)景結(jié)構(gòu)化識(shí)別支持掃碼，拍照輸入產(chǎn)品名稱核心功能能力強(qiáng)識(shí)別能力，對(duì)市面常見(jiàn)近百種 場(chǎng)景數(shù)據(jù)類型達(dá)到平均99%的 準(zhǔn)確率范圍身份證，

8、房產(chǎn)證營(yíng)業(yè)執(zhí)照，行駛證駕駛證，發(fā)票，銀行卡等姓名：愛(ài)新覺(jué)羅*玄燁結(jié)構(gòu)化識(shí)別結(jié)果性別：男民族：滿出生：16540504住址：北京市東城區(qū)景山前街4號(hào) 紫荊城乾清宮身份證號(hào)：000003165405049842案例展示OCR組件經(jīng)典場(chǎng)景組件體系EMAS組件市場(chǎng)為幫助用戶提升研發(fā)效率，EMAS 提供豐富的組件庫(kù)。包含通用組件模塊、圖表組件、服務(wù)組件等。業(yè)務(wù)管理代碼構(gòu)建項(xiàng)目發(fā)布監(jiān)控運(yùn)維產(chǎn)品：云端控制臺(tái)crash JS Error頁(yè)面秒開率 首屏打開時(shí)間 預(yù)加載命中率代碼檢查jsbundle構(gòu)建項(xiàng)目構(gòu)建構(gòu)建模板業(yè)務(wù)線管理業(yè)務(wù)模塊管理本地資源線上資源灰度發(fā)布 灰度批次預(yù) 加載能力文件數(shù)/包大小DevOps

9、保障研發(fā)流程產(chǎn)品：云端控制臺(tái)WEEX 高可用體系秒開率/首屏打開時(shí)間 JSError/Crash業(yè)務(wù)/活動(dòng)維度靈活支持核心KPI實(shí)時(shí)監(jiān)控精準(zhǔn)告警通知 自定義告警配置實(shí)時(shí)大盤效果一二級(jí)活動(dòng)靈活配置多維分析問(wèn)題主成分分析 異常用戶深度追蹤從產(chǎn)品體驗(yàn)視角，來(lái)追溯和定義性能維度WEEX 高可用體系跨平臺(tái)產(chǎn)品串聯(lián)使用Weex工程前端業(yè)務(wù)開發(fā)集成組件自定義Native組件構(gòu)建jsbundle商業(yè)組件調(diào)用資源上傳至平臺(tái)灰度發(fā)布正式發(fā)布（預(yù)加載）監(jiān)控運(yùn)維Native工程客戶端開發(fā)集成jsbundle構(gòu)建整包App平臺(tái)創(chuàng)建應(yīng)用已有App開發(fā)模式平臺(tái)協(xié)同資源發(fā)布整包發(fā)布靜態(tài)代碼掃描從0 1開發(fā)Appweex組件封裝WEEX SDKONE-SDK業(yè)務(wù)架構(gòu)融合與升級(jí)性能埋點(diǎn)UTzCache熱修復(fù)商業(yè)組件照片選擇器音頻通訊錄進(jìn)度條分享屏幕搖一搖高級(jí)服務(wù)消息推送人臉識(shí)別身份證識(shí)別OCR服務(wù).基 礎(chǔ) 容 器業(yè)務(wù)組件業(yè)務(wù)UI組件業(yè)務(wù)功能模塊開源UI組件/模塊模塊-3模塊-1模塊-4模塊-2 業(yè)務(wù)線-1業(yè)務(wù)模塊-n業(yè)務(wù)線-n模塊-3模塊-1模塊-4模塊-2業(yè)務(wù)模塊-n業(yè)務(wù)線-3模塊-3模塊-1模塊-4模塊-2業(yè)務(wù)模塊-n業(yè)務(wù)線-2模塊-3模塊-1模塊-4模塊-2業(yè)務(wù)模塊-n業(yè) 務(wù) 線 并