基于混合模式的移动应用开发
作者张宝玉
1 2 原生、Web、混合的选择混合模式的实现
目录
3 开发实践
移动开发的困惑
移动互联网技术不断发展
企业需要选择一个为将来而使用的能够满足多种不同层面需求的移动开发模式
原生开发模式
Java Objective-C .Net Framework Android SDK
ios SDK Silverlight/Metro Eclipse xCode Visual Studio 语言 开发包 开发工具
Android
ios
Windows Phone
平台
安装包格式 应用商店 .sdk .ipa
.xap Android Market App Store WP Market
原生模式
原生开发模式的优劣
APP
移动Web 开发模式
?Web Application ?App ：应用程序
?完成某项或者几项任务 ?满足某些需求
?Web ：构建于Web 技术之上
?HTML/CSS/JS ?服务端
WAP 浏览器(2006-)
牺牲浏览体验的浏览器
Android 浏览器(2009-)
iPhone 浏览器(2007-)
移动APP
移动Web开发模式优势学习成本低、易于上手
轻量级应用
突破渠道限制(AppStore) 跨平台，比原生更易于适配
和浏览器轻耦合，应用快速发布
?性能低
?功能不能完全满足，用户体验不好
?缺乏设备访问能力
性 功
能
Hybird(混合应用)模式
Hybrid App同时使用网页语言与程序语言开发，通过应用商店区分移动操作系统分发，用户需要安装使用的移动应用。
Hybird模式架构
移动应用分类
就是所谓的原生应用.指的是
用平台特定的开发语言所开
发的应用
主要是采用统一的标准的
HTML,JavaScript.CSS等web
技术开发.通过不同平台的浏
览器访问来实现跨平台.
为了弥补如上两者开发模式的
缺陷的产物.
可以安装，使用web开发
两种模式(Native主体型/web主
体型)
Native APP Hybird APP
Web APP
为什么使用Hybird
为什么使用Hybird-跨平台性和设备访问能力分析
为什么使用Hybird-用户体验和开发成本分析
Mobile Website Web
App
Hybird
App
Native
App
用
户
体
验
开发成本和时间
为什么使用Hybird-总结
特性Native App Web App Hybird App
开发语言原生语言
Objective-C、Java、.net
网页语言
HTML5+JS+CSS3
网页或原生语言
跨平台性低高高设备访问能力高低高开发难度高低低高级图形高中中应用体验好差较好
安装体验高
从应用商店安装
中
通过移动浏览器安装
高
从应用商店安装
升级灵活性低
总通过应用商店升级高
中
常通过应用商店升级
向后兼容差好好
1 2 原生、Web、混合的选择混合模式的实现
目录
3 开发实践
常见JS 库或框架
phoneGap
Titanium AppCan MonoTouch (.net-iphone)
MobileNation (在线、拖拽) AppMakr(在线)
foneFrame (移动网页) 还有一大堆…
Magmito (基于模板) appMobi XDK (云定制) Widgetbox (在线 RSS) DragoRAD (企业级)
jQuery mobile Sencha Touch jQTouch
Rexsee(支持Android ，在线打包)
WorkLight
JQ.Mobi Zepto
JQuery UI JO
UI框架对比及选择
轻量级；
jQuery开发人员上手快；
跨平台兼容性好
有不同主题，可定制性好；
基于webkit浏览器进行了优化，对IOS和
Android设备支持好
重量级，功能丰富；
学习难度高(有EXT开发经验者除外)；
免费许可，收费支持($1395 5 Developer
Support)
PhoneGap简介
PhoneGap是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。
PhoneGap 云编译服务,除了在本地编译应用之外，还可以使用Phonegap提供的云端Build工具进行应用编译。那就是：Phonegap Build，通过它，您只需要将用HTML 5写好的应用上传到PhoneGap的云端服务器，它即可以帮你编译成不同平台的应用。
AppCan简介
AppCan移动快速开发平台是基于HTML5技术的跨平台快速开发解决方案。开发者利用HTML5+CSS3+JavaScript技术可以快速的开发与本地应用相媲美的应用。AppCan平台提供了UI快速开发框架、手机本地功能调用Api接口、AppCan应用打包系统、
AppCan集成开发IDE环境和AppCan模拟器。完善的框架接口，强大的服务支持，使开发者可以快速的进入移动开发领域。