2017年APACHE WEEX-移动研发的进阶之路.pdf

1、APACHE WEEX 移动研发的进阶之路1移动开发的挑战浏览器中运行HTML5能力不一致 平台API访问能力受限 界面交互能力不易做好Hybrid环境HTML5能力不一致 性能相对较差（相比浏览器）相比于原生应用性能，性能，性能 最新平台特性的运用能否有一个方案实现：一致的HTML5能力 灵活丰富的平台API调用 高效的性能 快速的开发迭代 功能&性能开发效率跨平台敏捷的痛点-IOS敏捷的痛点-ANDROID敏捷的痛点-MOBILE WEB敏捷的痛点-动态性WEEXWeex是阿里巴巴于2016年开源的一个动态化的高扩展跨平台解决方案，具备一次开发，三端（Android,iOS,H5）运行的能

2、力。相对于H5来说，有具备非常高性能的开发方式，非常适合需要快速迭代又对性能体验有一定要求的APP开发者。15K 开发者生态1.5w+社区开发者，Rax、weex-ui/bui-weex等开源组件库及工具，社区生态初具规模开发效率因为Weex三端统一的特性，使用Weex可以节省至少50%的时间来完成业务的开发。性能体验淘宝双十一会场98%页面使用Weex，能做到97%以上的用户在1s内加载完成，与Native的性能差距大概在100-200ms之内。使用客户目前阿里集团主流移动研发方式（30+集团Apps），菜鸟裹裹侠(90%)、淘票票(70%)Weex化，行业内今日头条，饿了么、苏宁易购，盛大

3、游戏、众安保险、富途证券、贝贝等50%1S100+WEEXf(HTML/CSS/JS)=Native UIWEEX框架对比纯NativeWeex纯H5Hybrid APP纯Native适合场景开发效率性能体验上手成本组件生态发版速度多端成本高,JS/Html语言低，Android/OC语言高,JS/Html语言高,JS/Html语言很好最好比较差一般好一般很好很好1分钟内更新完毕1分钟内更新完毕1分钟内更新完毕23个星期更新70%左右低，语法简单高，多门语言低，语法简单低，语法简单一套代码三端适配开发三套一套代码三端适配一套代码三端适配从0-1的业务以及对效率，性能同时追求的业务对性能体验要求

4、非常高的业务快速试错的场景快速试错的场景WEEX研发模式iOSAndroidMobile WebDesktop WebBusiness ATraditional ModelWeex ModeliOSAndroidWebWeexBusiness ABusiness BBusiness CNative DomainControlsGesturesAnimationChartBusinessDebug/ToolsFrontend Domain多DSL支持JS FrameworkiOSweexAndroidweexrax,a reactstyle framework for mobiledevelop

5、mentvue,a popular mvvmjs frameworkVUE编写一个Vue模块：ViewModelViewModelUI EventsModel change eventsProp changedUpdateReadViewModel data:UI Structure:Style Details:Behavior DefinitionRAXconstructorcomponentWillMountrendercomponentWillUpdatecomponentDidMountcomponentDidUpdateshouldComponentUpdatecomponentWi

6、llReceivePropscomponentWillUnmountA universal JavaScript library with a largely React-compatible API write component like react阿里集团WEEX应用架构Android RenderEngineiOS RenderEngineH5 RenderEngineEngineRaxJS Framework 1.0+vue 2.0DSL手淘手猫 阿里云 菜鸟飞猪千牛钉钉1688客户端闲鱼优酷聚划算音乐性能/兼容性验收研发支撑发布/灰度/AB/预加载监控SUI(Mext)geoloc