移动端混合开发框架分析.docx

羆移动端架构分析螅膀目录肈移动端架构分析 1蚆1 移动端常见开发模式 纯NativeApp 主流框架 优势 劣势 主流应用 HybridApp 多View混合型 7膇 主流框架 7蚅 优势 7螀 劣势 7薀 主流应用 7羇 发展趋势 Web主体型 8膂 主流框架平台 8羀 优势 9蚈 劣势 9薄 主流应用 10芀 发展趋势 单View混合型 10蒈 主流框架 10薅 优势 10蚃 劣势 10袈 主流应用 WebApp 主流框架 优势 劣势 主流应用 四种主要开发模式对比 11衿2 移动前端主流框架分析 Web和Native混合 WindVane+Hybrid+Native 12薅 简介 12节 框架实现 12莁 架构图 AppCan 13莃 简介 13莀 框架实现 13袀 架构图 跨平台原生应用 BeeFramework 15薄 简介 15肁 框架实现 15蒇 架构图 NativeScript 17蚂 简介 17蒀 框架实现 17膈 结构图 ReactNative 18肅 简介 18罿 框架实现 18羈 架构图 20肅3 数梦移动端开发框架选择 开发模式选择 为什么不选择Native 玩什么不选择WebApp或Web主体型Hybird 选择多页面混合型Hybird 选择类WindVane框架 玩什么不选择ReactNative 玩什么选择类WindVane框架 21羄蚄蒁腿肆螂袁蚆肇肄莀莆袄芃螀肆羆莁腿袇羇蚄移动端常见开发模式薈目前主流应用程序大体分为三类:NativeApp、HybridApp、WebApp。薇螄纯NativeApp螂NativeAPP指的是使用原生程式编写运行的第三方应用程序,一般依托于操作系统如iOS、Android、WP,有很强的交互,是一个完整的App,可拓展性强。需要用户下载安装使用。也叫本地app。节NativeApp因为位于平台层上方,向下访问和兼容的能力会比较好一些,可以支持在线或离线,消息推送或本地资源访问,摄像拨号功能的调取。但是由于设备碎片化,App的开发成本要高很多,维持多个版本的更新升级比较麻烦,用户的安装门槛也比较高。但是比较乐观的是,AppStore培养了一种比较好的用户付费模式,所以在Apple的生态圈里,开发者的盈利模式是一种明朗状态,其他market也在往这条路上靠拢。莈主流框架袆iOS:膄(1)、Cocoa环境+Foundation和UIKit框架螁(2)、使用Objective-C和Swift做为主要开发语言(兼容C/C++)肈Android:蚃(1)、Java虚拟机环境芃(2)、使用Java作为主要开发语言(支持C/C++)膀WindowsPhone:袈(1)、WindowsRunTime框架(WP10)蚅(2)、使用原生C++、C#和Silverlight做为主要开发语言莁优势薀(1)、打造完美的用户体验蕿(2)、性能稳定螆(3)、操作速度快,上手流畅螃(4)、访问本地资源(通讯录,相册)罿(5)、设计出色的动效,转场荿(6)、拥有系统级别的贴心通知或提醒薃(7)、用户留存率高袂劣势葿(1)、开发成本高,可移植性差,需要维护iOS、Android、WP等多个平台(不同平台有不同的开发语言和界面适配)肀(2)、维护成本高(例如一款App已更新至V5版本,但仍有用户在使用V2,V3,V4版本,需要更多的开发人员维护之前的版本)蚅(3)、更新缓慢,根据不同平台,提交–审核–上线等等不同的流程,需要经过的流程较复杂芄主流应用膂够快云库、微信电话本、美图秀秀等中量级应用。薆HybridApp蚆HybridAPP指的是半原生半Web的混合类App。需要下载安装,部分页面看上去类似NativeApp,但只有很少的UIWebView,访问的内容是Web。莃HybridApp主要以JS+Native两者相互调用为主,从开发层面实现“一次开发,多处运行”的机制,成为真正适合跨平台的开发。薁HybridApp同时使用网页语言与程序语言开发,通过应用商店区分移动操作系统分发,用户需要安装使用的移动应用。总体特性更接近NativeApp但是和WebApp区别较大。只是因为同时使用了网页语言编码,所以开发成本和难度比Native