大家好,又见面了,我是你们的朋友全栈君。
根据一些老博客里面的内容,现在整理一下目前流行的跨平台移动App开发技术的特点,并将几个不同的开发平台框架进行比较说明,仅供大家参考。
每个开发框架几乎都包含以下特性:
我们作为开发者筛选框架的要求:
概述
PhoneGap是一个采用HTML,CSS和JavaScript的技术,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够在网页中调用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。业界很多主流的移动开发框架均源于PhoneGap。较著名的有Worklight、appMobi、WeX5等;其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。
优点
概述
Cordova 和 PhoneGap 的区别? PhoneGap 是 Apache Cordova 的一个分发版,就像 Ubuntu 是基于 Linux 的一个发行版,其代码库也基于 Cordova,只是 PhoneGap 关联了 Adobe 的一些额外的商业工具或服务,例如 PhoneGap Build 和 Adobe Shadow,来帮助开发者简化开发。 此外,两者提供的CLI工具、项目结构有差异,如:Cordova 把 config.html 放在项目目录下,而 PhoneGap 把它放在www 目录下。
优点
缺点
UI框架
参考资料
概述
ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML、CSS和JavaScript,开发跨平台的应用,官网地址:http://www.ionic.wang/ (有详细介绍),对其更为清晰的说明可以表述为:Ionic = Cordova + AngularJS + 一套样式库。
技术要求
优点
缺点
概述
基于业内领先的 Hybrid App 开发引擎,采用 HTML5 标准作为开发语言,一次开发,多平台适配。 提供团队管理、开发流程管理、配置管理、版本管理、测试管理等功能,有效、有序的控制开发过程,提升开发效率。通过AppCan IDE集成开发系统、云端打包器等,快速开发出Android、iOS、WP平台上的移动应用。
有两种方式创建项目:IDE 和云端,并且IDE可以同步到云端。 免费用户有100M空间、50个应用的限制。
优点
缺点
参考资料 Phonegap VS AppCan
企业版和大众版主要有以下几点区别
概述
普通的HTML5技术与原生技术相比,有跨平台、动态、开放、直达二级内容页面等特点,但却在性能、工具、能力方面弱于原生技术。DCloud推出免费的HTML5开发IDE“HBuilder”,以改善HTML5开发工具弱于原生的问题。后续又推出免费的手机强化引擎“5+ Runtime”,其内置的Native.js技术可调用手机终端40多万原生API,弥补HTML5功能弱于原生的问题,DCloud相关组件如下图:
优点
缺点
学习路线
概述
APICloud是国内较早布局低代码开发的平台之一,其发布的低代码效率工具Plus Mode,为IT项目中每个角色提供专业工具,将需求分析、产品原型、UI设计、前端开发、后端开发紧密衔接,并基于行业大数据对前置环节进行复用,最终缩减大量重复性工作,有效提升30%-60% IT项目效率。是手机APP制作与开发的专家平台。
优点
缺点
概述
React Native产出的并不是“网页应用”, 或者说“HTML5应用”,又或者“混合应用”。 最终产品是一个真正的移动应用,从使用感受上和用Objective-C或Java编写的应用相比几乎是无法区分的。 React Native所使用的基础UI组件和原生应用完全一致。 你要做的就是把这些基础组件使用JavaScript和React的方式组合起来。能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP。仅需学习一次,编写任何平台。(Learn once, write anywhere)
优点
缺点
概述
Xamarin 是移动开发的未来——移动应用跨平台开发的唯一解决方案。开发人员透过Xamarin开发工具与程序语言,即可开发出iOS、Android 与Windows 等平台的原生(Native) App 应用程序,不须个别使用各平台的开发工具与程序语言,不只是「write-once, run everywhere」的跨平台解决方案,更可达到 「write your code once, and present native UIs on each platform.」之跨平台开发能力。由于Xamarin可直接产生各平台之原生App应用程序,相较于其他跨平台方案,藉由Xamarin所开发出来的App应用程序,更能发挥出各行动平台的功能与特性,且具有最佳的执行效能。
优点
缺点
概述
Flutter 由 Google 的工程师团队打造,用于创建高性能、跨平台的移动应用。Flutter 针对当下以及未来的移动设备进行优化,专注于 Android and iOS 低延迟的输入和高帧率。Flutter 可以给开发者提供简单、高效的方式来构建和部署跨平台、高性能移动应用;给用户提供漂亮、快速、jitter-free 的 app 体验。
优点
缺点
概述
WeX5是开源并且免费使用的APP开发工具,能够提高APP的开发效率。其在eclipse基础上封装了很多东西,提供丰富组件体系,方便快捷,是一款前端开发工具,支持多种后台开发语言。WeX5一直坚持采用H5+CSS3+JS标准技术,一次开发,多端任意部署,确保开发者成果始终通用、不受限制。WeX5的混合应用开发模式能轻松调用手机设备,如相机、地图、通讯录等,让开发者轻松应对各类复杂数据应用,代码量减少80%。同时开发出的应用能够媲美原生的运行体验。
优点
缺点
首先是三个典型平台的生态社区特点对比如下:
平台 | dcloud | 起步科技 | AppCan |
---|---|---|---|
项目 | dcloud.io的uni-app | wex5 | AppCan |
兼容 | 免费,超多端发布(包括各类小程序,H5,App) | 全免费,多端发布(H5,app) | 个人免费,多端发布,有限制 |
打包构建 | 混合开发,使用web-view进行H5页面加载,可以分为本地页面,也可以使用网络页面(有加载条) | 混合开发,H5套壳的形式开发,内容升级可以直接修改H5页面 | 混合开发,可以很容易实现H5套壳的形式 |
主要开发和知识点 | Vue.js开发 | Html+js+css开发 | Html+js+css开发 |
其他 | UI组件丰富,文档十分详细,通过编译,很接近原生,性能良好,社区活跃 | UI组件较弱,文档详细 | UI组件较弱,文档详细 |
技术架构特点对比如下:
架构特点 | uni-app | wex5 | AppCan | APICloud |
---|---|---|---|---|
底层 | 基于vue.js,通过自研编译器编译 | 基于cordova开发,cordova开源,暂时没有看到可以直接继承原生SDK | 自身封装底层,闭源,无法直接使用原生SDK | 闭源,免费版有限制 |
扩展能力 | 支持原生SDK的云打包技术,有插件市场,也可以自己开发插件 | 可基于cordova开发原生扩展,插件市场 | 提供了一种叫Widget插件扩展机制,扩展原生插件用于持续继承 | 可以自己开发模块 |
编译 | 支持本地编译与云端编译 | 支持本地编译 | 云端编译,有次数限制 | 云端编译,有次数限制 |
如下基本总结:
Cordova
DCloud
APICloud
AppCan
Ionic
React Native
Flutter
总的来说,以上整理分析的框架的优劣都是相互的,根据产品需求和企业技术方向以及技术人员的具体情况,选择最合适的就是最好的。
React Native、Weex等一直存在一个问题,就是性能跟原生App存在很大的差异。这跟它们的原理有很大的关系,下面从原生App,RN、Weex,Flutter的简单原理说一下它们的不同。
上面是原生App的一个简单架构,开发人员直接调用平台SDK进行UI开发。由于语言及SDK的不同,所以开发人员必须为两个平台分别开发App。
UI通过WebView来显示html代码,系统服务则通过一个中间层桥接到JaveScript中去。
如上图这样,UI的渲染是很频繁的,要使UI不卡顿,必须达到60Fps。但是桥接会花一定的时间。所以这样的架构有时候会有性能问题。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/138237.html原文链接:https://javaforall.cn