跨平台开发框架和工具集锦

本文版权归做者AWeiLoveAndroid全部，未经受权，严禁私自转载。转载请声明原文连接和做者信息。

常常看到你们在一些技术群热火朝天的争论跨平台技术的牛逼之处，实际上是毫无心义的，尺有所短寸有所长，每一个技术各司其职，没有好坏之分。争论有何意义？咱们倒不如来研究一下，这个跨平台技术适不适用以及性能和稳定性等方面的作个比较。

1、为何须要跨平台？

在移动端刚出来那会儿，Android、iOS都是各自为营，分开开发的，团队之间是独立的，从需求调研，研发，测试，上线一整套流程须要的周期很长，少则几个月，多达1年甚至更长。随着移动端的逐渐普及，移动端开发的市场也愈来愈大，互联网公司愈来愈多，争抢互联网蛋糕的人愈来愈多，各互联网公司之间的竞争愈来愈激烈，如何快速把好的想法推出去占有市场才是当前须要考虑的问题，在这样的形势下，为了适应市场的需求，减小成本开销，缩短开发周期，提升效率这些问题逐渐的被各公司关注。顺应市场变化的跨平台框架正好迎合了公司的需求，一拍即合，因而各类跨平台框架如雨后春笋般的在互联网公司开始普及开来。

2、跨平台框架的发展历史

俗话说:“读史令人明志"，我想你们颇有必要了解一下跨平台框架（工具）发展历史。为了搞清楚跨平台技术，我查证了许多资料，我在这里画了一张价值100w的跨平台框架的发展历史图，以下图所示。图中很清晰明了的归纳了跨平台框架的一个发展历程。

根据跨平台的框架（工具）功能，我把跨平台框架（工具）主要分为3大类，分别是：Web App网页、Hybrid框架、含有编译转换的框架。

（一）Web App网页

在智能机尚未出来以前，其实就有适用于手机端的网页了。Web App其实不算是严格意义上的App，我以为应该把它称做网页端自适应移动版更合适。那时候网页通常是wap开头的，好比wap.xxx.com。后来有了3g网络以后，升级为3g开头的，好比3g.xxx.com，还有一种是以m开头的，好比m.xxx.com。我当年就用过诺基亚手机登录腾讯家园逛QQ空间偷菜，如今手机腾讯网https://wap.3g.qq.com/还存在，其余的Web App，好比淘宝网手机版https://h5.m.taobao.com/ 就是一个Web App的案例，还有新浪网，网易新闻等都有本身的Web App站点。

采起这样的一种策略的优点：入门门槛低，只须要会HTML五、CSS三、JS前端语言就能够开发Web App了，开发成本低，内容更新也很方便，Web App无需安装，能够在不一样系统、不一样平台和设备上运行。

Web App缺点：用户体验比不上原生那么流畅，性能上比不上原生；有一些功能受浏览器、系统以及平台自己限制很差实现，好比系统级别的弹窗、传感器、手机联系人等都只能靠原生去实现（也不排除有些框架能够作到，好比：小程序能够经过本身引擎能够腾讯的浏览器内核引擎操做手机硬件）。本文首发于个人公众号Flutter那些事，未经受权严禁转载！

随着技术的发展，Web App已是百花齐放，性能和原生效果方面都有很大的改善，新兴的Web App表明性的框架有：PWA、小程序等。

（1） PWA

PWA: 全称是Progressive Web App，翻译成中文意思是：渐进式网络应用程序。它是 Google 公司于2015 年提出的，2016 年 6 月才推广的项目。

PWA优点：PWA能够将App的快捷方式放置在桌面上，全屏运行，体验上与原生几乎一致，支持有网和断网时使用。PWA不包含原生OS相关代码。

PWA缺点：PWA仍然是网站，只是在缓存、通知、后台功能等方面表现的更好。

PWA是Google主推的一项技术标准，FireFox，Chrome以及一些基于Blink的浏览器已经支持渐进式Web应用了，Edge上对渐进式Web应用的支持正在开发中，Apple公司也表示在Safari浏览器上支持PWA。国外互联网公司Twitter和Flipboard都推出了PWA的项目。因为网络环境因素以及小程序的竞争等缘由，目前国内PWA的使用率几乎为零。

（2） 小程序

小程序：是一种无需下载安装便可使用的应用，只须要扫一扫或打开微信搜一下便可打开应用。2016年9月21日，微信小程序正式开启内测。

小程序的优点：小程序开发门槛相对较低，难度比开发App小，可以知足需求的简单的基础应用。小程序可以实现消息通知、线下扫码、公众号关联等七大功能。经过公众号关联，用户能够实现公众号与小程序之间相互跳转。因为无需下载App,小程序推广起来更方便。

小程序的缺点：小程序是依附于微信的，因此不少功能局限于微信团队提供的API，你很差扩展功能。另外小程序不适合开发交互复杂、需求多样的应用，只能考虑原生开发。

（二）Hybrid框架

Hybrid App，其实就是原生应用和Web应用相结合，通常作法就是项目中的某一部分是原生界面，一部分是Web页面，经过原平生台的WebView去调用Web页面。这种相似的开发模式就须要原生开发人员和前端开发人员密切配合（有些公司资源紧缺由单人负责这个项目）。 本文首发于个人公众号Flutter那些事，未经受权严禁转载！

因为原生WebView存在必定的局限性，和Web交互起来有些问题很差处理，因而出现了一些基于原生WebView封装的Hybrid框架，这些框架有一个共同特色：封装了移动端设备（这里指Android、iOS）上最经常使用的本地API调用，而后以统一的Javascript API形式提供给Web开发者调用。这样一来原生不能解决的问题能够用Web去处理，同时你也能够本身封装原生API，作成一些插件使用。

比较热门的Hybrid框架有Ionic、Cordova、DCloud：

（1） Ionic

Ionic： Ionic是一款开源的跨平台，可用于开发移动端的开发框架。框架的核心是从Web的角度去开发手机应用，框架是基于PhoneGap编译平台。Ionic底层打包使用 Cordova，Ionic自带丰富的Ionic UI样式，Ionic使用的是AngularJS前端框架。Ionic拥有丰富的命令操做，能够经过命令行工具快速建立Android和iOS项目，而且也能够编译成Android和iOS平台的应用程序,同时Ionic也支持自定义编写Android和iOS的插件。

Ionic从2013年11月份开始发布第一个Alpha版本，2015年5月v1.0.0 “uranium-unicorn” release版本发布。

（2） Cordova

Cordova：Cordova的前身是PhoneGap，2011年Adobe公司收购了PhoneGap将其开源，并捐献给Apache，命名为Cordova。Cordova从PhoneGap中抽出的核心代码。Cordova是一个使用HTML，CSS和JS这些前端语言去构建移动应用的平台。

Cordova自带丰富的命令操做，使用命令行能够建立相似于Web App的页面，在浏览器查看咱们建立的项目，同时若是咱们使用命令行将项目在移动端编译运行，也是可行的，这也是Cordova项目很独特的地方，兼容Web App以及移动端。

Cordova提供了一些操做原生设备有关的API，经过这些API，可使用JavaScript去访问原生的设备的相关功能，例如打开摄像头、打电话、开启传感器等。好比拿Android来讲，Cordova是经过addJavascriptInterface（Android Webview的API）和JS Prompt这两种方式来实现JS对于原生 Android API的调用。

Cordova的文档从2010年10月就开始维护了，版本号为0.9.2。 cordova-cli在2012年11月发布第一个版本，版本号为0.1.13。cordova-android这个从2009年12月就开始发布第一个版本0.9.0了。cordova-ios这个从2009年12月就开始发布第一个版本0.9.0了。

（3） DCloud

DCloud：这个是国产的跨平台开发工具平台，里面包含有：HBuilder,HTML5+,MUI,uni-app，wap2app等。HBuilder是一个开发工具，MUI是一个UI框架，HTML5+ App是一种基于HTML、JS、CSS编写的运行于手机端的App。

HBuilder能够经过扩展的JS API任意调用移动端的原生功能，实现与原生App一样强大的功能和性能，它封装了经常使用的扩展能力（二维码、分享等），同时经过Native.js把原生API映射成了JS对象，经过JS能够直接调iOS和Android的原生API（经过plus.ios调用iOS原生API，经过plus.android调用Android原生API）。

HBuilder工具从2013年就开始出现了。

（三）含有编译转换的框架

（1） React Native

React Native：使用JavaScript 和 React 编写移动应用，在 UI方面使用是原生的控件，性能比Hybrid表现要好不少。React Native由于是基于React，它是响应式编程，熟悉React的会很快上手，一次性学习，全平台开发，团队能够为任何平台开发应用，不须要为每一个平台学习不一样的基础技术。React Native支持热更新也成了不少开发团队的热捧。

React Native于2015年3月v0.1.0: Initial public release版本。

（2） Weex

Weex：Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。使用同一套代码就能够构建 Android、iOS 和 Web 应用。Weex 的结构是解耦的，渲染引擎与语法层是分开的，目前主要支持 Vue.js 和 Rax 这两个前端框架。Weex 在 iOS 和 Android 上都实现了一个渲染引擎，并提供了一套基础的内置组件。基于这些组件，你能够用JS封装更多的上层组件。

Weex于2016年6月开始发布版本，第一个版本号为v0.5.0。

（3） Flutter

Flutter: Flutter是谷歌推出的跨平台项目，它的前身是Sky项目，起源于2015年。Sky项目一开始就定位Dart做为开发语言，使用Dart语言开发移动端项目，Sky它不依赖于平台，它的代码能够运行在Android、iOS设备上，真正作到了“一次代码，到处运行”，让你在Android、iOS设备上拥有接近原生的体验。 本文首发于个人公众号Flutter那些事，未经受权严禁转载！

Flutter在2017年5月发布了第一个版本v0.0.6。

3、其余相关热门开发技术？

除上文讲解的以外，我还想提几个目前能够值得研究的一些技术，主要有这几个：Instant App、快应用、Kotlin、Scade.

（1） Instant App

Instant App：Instant App翻译成中文能够称之为瞬时程序加载，也能够称之为即时应用。它出现的目的，就是为了让人们可以像点击连接那么简单，节省掉安装App的痛苦，最快速度、最少流量的消耗，让用户体验到App级的用户体验。前提是必须在Google Play发布apk，以及手机支持Google Service框架，建议优先使用谷歌亲儿子。因为墙以及谷歌的一些要求等问题，这个技术在国内并无被推广开。

（2） 快应用

快应用：快应用是九大手机厂商基于硬件平台共同推出的新型应用生态。用户无需下载安装，即点即用，享受原生应用的性能体验。使用前端技术栈开发，原生渲染，同时具有H5页面和原生应用的双重优势。快应用在传统通知栏、负一屏、信息流等用户直观感知的位置创建和搜索入口，包括短信、拍照、语音助手、卸载场景、卡包等等。

（3） Kotlin

Kotlin：这里讲一下Kotlin Native，它利用LLVM来编译到机器码。它主要是基于 LLVM后端编译器（Backend Compiler）来生成本地机器码。Kotlin Native设计初衷是为了支持在非JVM虚拟机平台环境的编程，如 ios、嵌入式平台等。同时支持与 C 互操做。

（4） Scade

Scade：Scade是一个跨平台的，支持Android，Apple和Linux的工具。使用Swift的代码库为进行开发，能够构建和部署多个不一样平台的应用。Swift代码编译为Android和iOS可执行文件以及静态和动态库，并打包为IAK和ADK文件。通用平台特定的控件直接集成到Scade图形SVG渲染引擎中,Scade标准库提供了大量系统功能,操做系统特定功能做为默认包公开并易于使用，无需包装或使用外部功能接口。

---

【声明】本文首发于个人公众号Flutter那些事，未经受权严禁转载！