Hybrid App介绍解析.ppt

HTML5 与 原生开发 分析报告 比 较 Hybrid App Hybrid App 特点 同时使用网页语言和程序语言 Hybrid App是一个移动应用 区分平台 开发成本和难度比Native App小的很多 用户需要安装使用 通过应用商店进行分发 Hybrid App 类型 多View混合型 单View混合型 Web主体型 三种类型比较 开发模式比较 范围界定 技术难点 Native 和 HTML5 交互问题 客户端与服务器端交互问题 客户端数据缓存问题（HTML5） 消息实时通知（HTML5 的 WebScoket技术） 客户端浏览器兼容性问题 技术规范 接口规范定义 异常处理和日志规范 通用框架规范（最终提供SDK进行开发） 示 例 Native Web 优点 成本低 维护简单 体验差 灵活 跨平台 功能强 性能强 快速的更新 稳定 ...... 高成本 开发周期长 体验好 不跨平台 维护成本高 ...... 多View混合型 单View混合型 Web主体型 即Native View和Web View独立展示，交替出现。目前常见的Hybrid App是Native View与WebView交替的场景出现。这种应用混合逻辑相对简单。即在需要的时候，将WebView当成一个独立的View（Activity）运行起来，在WebView内完成相关的展示操作。这种移动应用主体通常是Native App，Web技术只是起到补充作用。开发难度和Native App基本相当。 即在同一个View内，同时包括Native View和Web View。互相之间是覆盖（层叠）的关系。这种Hybrid App的开发成本较高，开发难度较大，但是体验较好。如百度有哪些信誉好的足球投注网站为代表的单View混合型移动应用，既可以实现充分的灵活性，又能实现较好的用户体验。 即移动应用的主体是Web View，主要以网页语言编写，穿插Native功能的Hybrid App开发类型。这种类型开发的移动应用体验相对而言存在缺陷，但整体开发难度大幅降低，并且基本可以实现跨平台。Web主体型的移动应用用户体验的好坏，主要取决于底层中间件的交互与跨平台的能力。 多View混合型 单View混合型 Web主体型 常见主体 Native Native Web 开发成本 中 高 低 用户体验 良 优 差 项目 PhoneGap AppCan Titanium appMobi Rexsee Sencha 专用开发工具 Dreamweaver AppCan SDK Titanium Studio XDK NO Sencha Architect2 版权与费用 版权收费 免 费 免 费 免 费 NO 版权收费 开发环境 原生开发环境 Windows Windows 原生开发环境 原生开发环境 Windows 主要编程语言 HTML5、CSS3、JS HTML5、CSS3、JS JS HTML5、CSS3、JS HTML5、CSS3、JS JS 开发复杂度 复 杂 简 单 简 单 复 杂 复 杂 简 单 调试和模拟器 NO AppCan模拟器 NO XDK NO NO 跨平台 支 持 支 持 支 持 支 持 NO 支 持 支持平台 IOS、Android、WP、Symban、Plam、黑莓 IOS、WP、Android、Symban IOS、Android IOS、Android、Web Android IOS、Android、Web 应用支持格式 Hybrid Web App、Hybrid、Native Native Web App、Hybrid Hybrid NO 开发与工具 项目 PhoneGap AppCan Titanium appMobi Rexsee Sencha 原生UI与控件 NO 支 持 支持、丰富 NO 支 持 NO IOS体验 较 好 较 好 好 较 好 NO 较 好 Android体验 差 较 好 好 差 NO 差 原生交互效果 NO 支 持 支 持 NO 支 持 NO 下拉弹动效果 NO IOS、安卓支持 NO NO NO NO 应用底层能力 比较丰富 丰 富 丰 富 比较丰富 丰 富 NO 应用前端框架 NO UI框架、HTML5、CSS3 原生UI、受限 UI框架、HTML5、CSS3 少量 UI框架、HTML5、CSS3 多窗口支持 NO 支 持 支 持 NO 支 持 NO 插件扩展 支 持 支 持 支 持 支 持 支 持 NO 体验与接口 项目 PhoneGap AppCan Titanium appMobi Rexsee Sencha 应用统计分析 NO 支 持 支 持 支 持 NO NO 应用版本管理 NO 支 持 NO NO NO 支 持 云端