移动端混合开发框架分析.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