技术标签: H5+app开发 移动应用 跨平台开发 混合app 原生app
目录
根据一些老博客里面的内容,现在整理一下目前流行的跨平台移动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个应用的限制。
优点
缺点
企业版和大众版主要有以下几点区别
概述
普通的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
苹果2008年发布iOS,Google 2009年发布Android,它们的SDK是基于两种不同的编程语言Objective-C 和 Jave.现在又有了Swift和Kotlin。
上面是原生App的一个简单架构,开发人员直接调用平台SDK进行UI开发。由于语言及SDK的不同,所以开发人员必须为两个平台分别开发App。
WebViews
最早的跨平台方案是基于JaveScript 和 WebView的,像PhoneGap、Cordova、Ionic等。
UI通过WebView来显示html代码,系统服务则通过一个中间层桥接到JaveScript中去。
React Native
RN不仅桥接系统服务,也将系统UI也桥接到了JaveScript中,这样写出来的UI最终也会渲染成原生的控件。
如上图这样,UI的渲染是很频繁的,要使UI不卡顿,必须达到60Fps。但是桥接会花一定的时间。所以这样的架构有时候会有性能问题。
Flutter
Flutter使用Dart语言开发,Dart可以被编译(AOT)成不同平台的本地代码,让Flutter可以直接和平台通讯而不需要一个中间的桥接过程,从而提高了性能。
文章浏览阅读2.3k次。原贴:http://blog.chinaunix.net/u/17928/showart_343417.html udev轻松上路(转) _udev 100.tar.bz2
文章浏览阅读2.1k次。 nonlinear programming 具有非线性约束条件或目标函数的数学规划,是运筹学的一个重要分支。非线性规划研究一个 n元实函数在一组等式或不等式的约束条件下的极值问题,且目标函数和约束条件至少有一个是未知量的非线性函数。目标函数和约束条件都是线性函数的情形则属于线性规划。 简史 非线性规划是20世纪50年代才开始形成的一门新兴学科。1951年H.W.库恩和A.W.塔克发_nonlinear programming: analysis and methods
文章浏览阅读2.3k次。软件raid:查看raid级别,状态等信息 #cat /proc/mdstat 硬件raid:查看raid的厂商,型号,级别 #dmesg | grep -i raid #cat /proc/scsi/scsi 硬件raid最佳的办法是通过已安装的raid厂商的管理工具来查看,..._raid命令
文章浏览阅读75次。图表重新刷新 myChart.setOption(option) echarts生成的图表大小怎么随屏幕的大小改变自适应 在setoption之后添加这段代码:window.onresize = myChart.resize;多个需要这么写window.onresize = func..._echarts添加电子围栏
文章浏览阅读3.8k次。 //去横向离散: int n = 50; //横向离散点连续数,小于的,就去除; for (int i = 0; i { for( int j = 0 ; j { for( int nTemp = 0 ; nTemp { if ( gradient[i*linebyte+j + nTemp] != 0) { if ( ( j + n_c# 栅格去除离散点
文章浏览阅读833次。 由于大量的学习笔记在windows下,一直切ubuntu不是很舒服,所以想着在windows下安装OpenCV库来进行日常的练习。由于在ubuntu上一直使用Clion,在windows下我也选择Clion而不是vs。准备工作 本此安装的OpenCV版本为3.4.5包括contribe库。需要下载的安装包及步骤见这个博客:MinGW-w64编译OpenCV-3.4.5但其中有一些步骤需要调整。源文件修改 由于种种因素,在使用cmake编译时,可能会有很多的文件下载不来。因此建议更换下载地址,将_windows的opencv库没有mappergradproj
文章浏览阅读4w次,点赞17次,收藏90次。最近由于要修改一个excel report,见识了vba的强大。 这个report是一个大牛3年前写的,每天只需打开该文件, 就会自动连接oracle的dev和uat数据库读取最新的市场数据, 生成6个透视图,并比较dev和uat的数据的异同。vba操作数据之方便,生成的report之复杂,深深的吸引了我, 于是乎觉得不学点vba真的对不起老本行。花了3天时间学习, 目前觉得基本可以满足大多数需求,即便是有不懂的地方, 也知道在哪里查资料,该怎么查资料。为了防止自己很快忘记, 于是有了vba excel编程_vba可以用spring嘛
文章浏览阅读4.2w次,点赞10次,收藏72次。1、jsp有哪些内置对象作用分别是什么答:JSP共有以下9种基本内置组件(可与ASP的6种内部组件相对应): request 用户端请求,此请求会包含来自GET/POST请求的参数 response 网页传回用户端的回应 pageContext 网页的属性是在这里管理 session 与请求有关的会话期 application servlet 正在执_servlet、jsp简答题
文章浏览阅读4.9w次,点赞8次,收藏10次。运行arp -a显示同一个VLAN下的所有IP及其MAC其他VLAN的IP并没有显示_windows ip 扫描
文章浏览阅读372次。1.学习内置函数编写方法。 verisys.cc文件内如下内容 s_tfcell verisystfs[] = { /*** Template for an entry: { usertask|userfunction, data, checktf(), sizetf(), ..._dist_uniform
文章浏览阅读317次。最近碰到一个问题,想要测试一些 c++的开源组件,但是本身的电脑是 MacBook 但是又不想安装虚拟机 经过几轮的测试和研究基本搞定,记录下来 。 思路是,首先在 Mac OSX上的执行文件规范和 Linux上的执行文件规范是不一样的 所以想要达到的效果是,开发是在mac的漂亮的 ..._macos network extension编译
文章浏览阅读8.6k次。环境变量的变量名可以随便写在配置path的时候能对应上就可以path里是配置执行文件的路径 一般通过环境变量指向bin例如下图 在export 时把定义的变量名输出..._环境变量的变量名可以乱写吗?