剖析 WeX5 开源高性能和H5 App 开发框架.pdf

Hybrid App 走向 “轻混” 剖析 WeX5 开源高性能 H5 App 开发框架 宋兴烈、王洁 北京起步科技有限公司 议程 nHybrid App的技术发展历程：从 “重 混”到 “轻混” n构建高性能H5 App开发框架 nWeX5可视化快速开发实践 Hybrid App的技术发展历程 从“重混”到“轻混” 苹果和谷歌开启了移动应用新时代 2007年6月，乔布斯发布第一代iPhone。 2008年10月，Google发布第一部 Android智能手机。 一个应用两套实现 Hybrid App混合应用应运而生 Web成为Hybrid App的首选技术 技术简单、支持广泛、开发者众多、更擅长 “炫”的页面 Hybrid App = Web + Native 但是在Hybrid App技术发展的早期，Web的运 行性能成为主要瓶颈 ！！！ iPhone3G （CPU：620MHZ ， RAM ：256MB ） 为解决性能问题Hybrid App走向 “重混” 重混 “重混”的优缺点 优点： – 提升了运行性能 – 增强了交互体验 缺点： – Web和Native技术交叉混杂 – 需要同时掌握Web和Native技术，学习难度增加 – 一个页面有Web组件也有Native组件，编程调试困难 随着时代的发展，性能不再是瓶颈 H5 已经可以支持复杂应用，并拥有良好的运行性能 大幅提升 移动设备 浏览器技术 硬件能力 无线网络技术 又一个伟大的公司重新定义了移动应用 2011年1月，腾讯推出了微信；2012年8月，微信公众平台上线。 “重混”框架废了 “轻混”成为Hybrid App的必然选择 界面交互 设备接口 构建高性能H5 App跨端框架 H5 App框架结构 H5 App简单理解就是以网页技术为主来实现的移动应用。 H5 App 由网页和外壳两部分组成。网页主要负责界面的显示和交互；而外壳会内置 一个浏览器来提供网页的运行环境，并且会通过插件为网页提供扩展的原生调用能 力。 设备信息 外壳 浏览器 +插件 通讯录 语音 网页 拍照 HTML5 地理位置 JavaScript 微信应用的本质也是H5 CSS3 App ，微信作为App外 网络 壳来提供网页的运行环 境 ，微信同样为网页提 支付 供了大量的JS插件接口。 分享 Native框架的选择 ü 业界最主流的开源移动跨端框架 ü HTML + CSS + JS + 原生插件 ü 开放式的原生插件框架 ü