盘点移动开发跨平台开发解决方案

什么是跨平台应用开发框架

开发人员可以使用一套相同的代码，一次性地编码即可在多个平台上面运行起来。它减少了开发人员开发应用的时间，并且能够快速地交付。所以目前为止，越来越多的人意识到跨平台应用程序和框架的好处和重要性。

我们为什么做移动跨平台技术

移动互联网发展 10 多年来，由之前传统 PC 端时代到移动时代，在移动时代竞争激烈，各大移动互联网公司都在争相抢夺市场，如何提高研发效率，产品快速迭代、快速试错成为非常重要的因素。

与此同时，还要看在关注研发效率的同时能否做出一个性能比较高的应用，往往我们的研发效率和性能是天平两端，性能好了开发效率可能就差了，开发效率好了性能可能就差了，这就需要思考如何把开发效率和性能这两者做到更好的平衡。

其次，面对这么多跨平台技术，能否用一种语言开发出应用在多端体验是一致的？我们能否实现高效的多端一致性体验？

再者，能否突破渠道去快速更新我的应用？这个不光是跨平台技术，Native 技术本身也是同样关注这个问题。

为什么需要跨平台技术

跨平台应用程序开发框架的好处：

• 一个App适用于多个设备；
• 一个App适用于多个平台；
• 一个App可以在多个应用商店中发布；
• 只需编写一次代码；
• 代码可以跨平台复用；
• 市场分析与测试；
• 快速成型；
• 快速开发；
• 无缝产品维护；
• 统一性、均匀性；

国内主要跨端方案：Flutter、React Native 、Weex、Finclip

Flutter

Flutter由Google开发，它是一个牛逼的开源平台，可用于跨平台应用程序开发。它具有吸引力的原因是：快速的开发，富有表现力的精美UI和类似本机的性能。

使用Flutter的一些公司是Google，eBay，宝马等。

选择Flutter框架进行跨平台应用程序开发的主要原因：

• 高度稳定
• DART，AOT编译语言
• 平稳的开发周期
• 强大的热加载功能
• 满足各种需求的UI套件

Flutter 是最新的跨平台应用程序框架之一，由 Google 开发并于 2017 年发布。Flutter是一个免费的开源跨平台框架，它允许你用一组代码创建一个移动应用程序。它的独特之处在于它使用Dart编程语言，不同于其他跨平台应用框架，Flutter根本不使用JavaScript。

你可以改变你的代码并实时看到结果，只需片刻就可以升级应用程序。您可以使用Flutter为iOS、Android和其他不太流行的移动平台创建跨平台的移动应用程序。平心而论，就目前而言，这是为 Fuchsia OS 开发应用程序的唯一途径。

优点：

• Flutter 自带图形引擎，这意味着无需为 iOS 和 Android 分别制作界面。
• Dart 使您能够编写额外的结构化程序代码，从而允许您创建更多层次结构和复杂功能。
• 基于 Flutter 的移动应用程序快速高效。与其他跨平台应用程序框架相比，Flutter 提供了更显着的性能提升。

React Native

由Facebook在2015年开发的React Native可帮助企业使用Swift，Objective C和Java等语言构建类似于本机的应用程序。

使用React Native框架的一些企业是Facebook，Skype，Tesla等。

选择React本机框架进行跨平台应用程序开发的主要原因：

• 现成的组件
• 社区驱动
• 热加载
• 开源

React Native 是另一个流行的跨平台应用程序开发框架。它与 iOS 和 Android 兼容。 React Native 于 2015 年初由 Facebook 开发，并由其自己的社区不断改进。它是用 React 构建的，不使用 WebView 或 HTML 技术。它不是 HTML，而是 JSX 中的平台组件，而不是 CSS，它有类似 CSS 的 polyfill。此外，也没有 DOM API。 React Native 由 JavaScript 和 React.JS组合成。此外，它允许开发H人员使用 Swift、Java 或 Objective-C 开发某些部分。

优点：

React Native 专注于用户界面，使应用程序开发人员能够构建高度可靠的界面。 允许为各种平台创建应用程序，例如 iOS、macOS、tvOS、Web、Windows、Android、Android TV 和 UWP。 开发工具

weex

2016 年 4 月 21 日，阿里巴巴在 Qcon 大会上发布跨平台移动开发工具 Weex，同年 12 月 15 日，阿里巴巴宣布将移动开源项目 Weex 捐赠给 Apache 基金会开始孵化。Weex 致力于使开发者能基于当代先进的 Web 开发技术，使用同一套代码来构建 Android、iOS 和 Web 应用。具体来讲，在集成了 WeexSDK 之后，你可以使用 JavaScript 和流行的前端框架（如 Vue.js 和 Rax）来开发移动应用。

Weex 的另一个主要目标是跟进当代先进的 Web 开发和原生开发的技术，使生产力和性能共存。在开发 Weex 页面就像开发普通网页一样；在渲染 Weex 页面时和渲染原生页面一样。我们可以发现，Weex 在很大程度上借鉴了 React Native 的思想和方式，目标都是通过 JS 语法渲染 Native 页面，但由于起步比较晚，社区没有 React Native 活跃，资料和开源项目也相对较少。

Weex 致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验，来构建 Android、iOS 和 Web 应用。简单来说，在集成了 WeexSDK 之后，你可以使用 JavaScript 语言和前端开发经验来开发移动应用。

Weex 渲染引擎与 DSL 语法层是分开的，Weex 并不强依赖任何特定的前端框架。目前 Vue.js 和 Rax 这两个前端框架被广泛应用于 Weex 页面开发，同时 Weex 也对这两个前端框架提供了最完善的支持。Weex 的另一个主要目标是跟进流行的 Web 开发技术并将其和原生开发的技术结合，实现开发效率和运行性能的高度统一。在开发阶段，一个 Weex 页面就像开发普通网页一样；在运行时，Weex 页面又充分利用了各种操作系统的原生组件和能力。

FinClip

FinClip是凡泰极客研发的一套小程序容器技术，也可以说其实就是小程序SDK，可以兼容通过 vue 或 react 导出的小程序代码。

与Flutter、Reactive-Native等跨端语言不同的是，Finclip严格意义上讲是一项容器技术。与上述的跨端技术不仅不冲突，还可以完美融合。不管是通过Flutter、Taro、 kbone等开发出来的小程序均可在FinClip当中运行。

这种小程序容器技术也带来了许多好处：

1、方便多个小程序页面之间的数据共享和交互。在小程序的生命周期中具有相同的上下文可以为具备原生应用程序开发背景的开发人员提供熟悉的编码体验；

2、Service 和 View 的分离和并行实现可以防止JS 执行影响或减慢页面渲染，这有助于提高渲染性能；

3、因为 JS 在Service 层执行，所以JS 里面操作的DOM 将不会View 层产生影响，所以小程序不能操作 DOM 结构的，这也使得小程序的性能比传统的H5 更好。

而且 FinClip SDK 极其轻量，应用在集成后安装包的体积仅仅增大了不到 3MB。

FinClip 还自研了一个 小程序 IDE 开发工具，界面与微信小程序的开发工具类似，自带调试和真机预览，简单易上手。

你可以在这个 FIDE 里面，对现有项目进行二次开发，扩展功能和接口。

同时，它还支持 小程序一键转换成 App，可以将已有小程序代码导出为 IOS 与 Android 中可用的工程文件,并上架至各应用市场 。由于导出的工程文件自动集成了 FinClip SDK ，所以直接拥有小程序的运行能力，后续可在这个 APP 上继续上架更多小程序，自建自己的小程序生态。

并且 FIDE 中还包含各类扩展插件和接口（支付、人脸识别、音视频、OCR 等），开发者可自主勾选所需的支持插件，从而增强所生成 App 原生能力。

最后简单总结一下 FinClip 可以帮助企业/开发者实现什么：

• 促进连接。只要把FinClip SDK嵌入到自己的App中，马上获得小程序运行能力。小程序已经在互联网上被充分证明是一个非常有效的促进连接的技术形态。
• 动态更新。借助 FinClip 将应用中业务功能均以小程序形式替代，功能模块互相解耦，实现模块化开发，极大的提升开发效率，降低开发成本。
• 多端支持。同一个业务场景，小程序化之后，可以展现在手机端、也可以运行在PC端、更可以出现在智能电视和车载大屏上，多端同步、转发分享、一致体验，甚至可以无缝对接至互联网公共平台，代码只写一次，多处运行。
• 生态共建。让开发者、企业拥有自己的小程序应用商店，在这里可以实现与合作伙伴的资源整合 - 例如让合作伙伴把数字服务以小程序方式上架、投放到自己的App中。

FinClip 目的就是要让任何行业的任何企业，均可以拥有自主打造小程序生态、发布管理小程序内容、在自己的各终端App中运行小程序的能力。

当然，还有许多基于大前端生态的框架和不是基于前端生态没有被列举出来，相信随着互联网浪潮的不断向前，越来越多的解决方案、框架会被提出，在不断探索的道路上，我们都可以成为某个方位角的引路人！