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