当前位置：网站首页>几种2022年流行的跨端技术方案的比较

几种2022年流行的跨端技术方案的比较

2022-07-19 21:51:00 【InfoQ】

React Native

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

主要特性：1、原生的iOS组件通过React Native，开发者可以使用UITabBar、UINavigationController等标准的iOS平台组件，让应用界面在其他平台上亦能保持始终如一的外观、风格。2、异步执行JavaScript应用代码和原生平台之间所有的操作都采用异步执行模式，原生模块使用额外线程，开发者可以解码主线程图像、后台保存至磁盘、无须顾忌UI等诸多因素直接度量文本设计布局。3、触摸处理React Native引入了一个类似于iOS上Responder Chain响应链事件处理机制的响应体系，并基于此为开发者提供了诸如TouchableHighlight等更高级的组件。

Flutter

Flutter 作为谷歌的移动 UI 框架，在快速构建 iOS 和 Android 应用及开发、高性能、可移植性上表现优秀，并可以与现有代码一起工作，基于这些特点使其越来越受到开发者的推崇，最近几年发展速度也比较迅猛，各大公司都在主端业务引入。

前端对于 Flutter 的热忱度之高一度让人有点惊讶，事实上在 Flutter 社区内见到的客户端开发者远多于前端开发，不过前端对于跨端解决方案确实有着天然的渴求。

优点：1、跨平台；2、性能强大，流畅，混合开发中，最接近原生开发的框架；3、Dart语言简单易学；4、极大降低了开发成本。原来需要招一个iOS、一个安卓，用了flutter后，只需要招一个flutter人员就够了；

缺点：1、Widget的类型难以选择，糟糕的UI控件API；2、Dart 语言的生态小，精通成本比较高。3、开发工具版本升级后，修改量大；4、原生集成第三方SDK后，兼容性适配是个令人头痛的问题；5、代码可读性较差（嵌套地狱），对代码质量和管理要求较高；

简短版：flutter是个性能强大的框架，但是坑多。

Taro

Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。、一套代码，通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、App 端等）运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能，有效地提升了开发体验和开发效率。

Taro自研了一套打包机制将 AST 不断传递，因此代码分析的速度得到了很大的提高。一台 2015 年的 15寸 RMBP 在编译上百个组件时仅需要大约 15 秒左右。

在 Taro 中，你不用像小程序一样区分什么是 App 组件，什么是 Page 组件，什么是 Component 组件，Taro 全都是 Component 组件，并且和 React 的生命周期完全一致。可以说，一旦你掌握了 React，那就几乎掌握了 Taro。同样使用声明式的 JSX 语法。相比起字符串的模板语法，JSX 在处理精细复杂需求的时候会更得心应手。

Weex

Weex 是阿里巴巴开源的一套构建高性能，可扩展的原生应用跨平台开发方案。在 2016 年阿里双十一中，Weex 在阿里双十一会场中的覆盖率接近 99%，页面数量接近2000，覆盖了包括主会场、分会场、分分会场、人群会场在内几乎所有的阿里双十一会场业务。阿里双十一主会场秒开率97%，全部会场页面达到 93%。

特点：1. 页面的开发目前支持Rax和Vue2. 一次编写，三端（Android、iOS、前端）运行3. UI 的绘制通过 native 的组件，JavaScript 逻辑在 JS 引擎里运行，两者通过 JavaScriptCore 通信。4. 支持 Native 扩展5. 可以在chrome中调试JS代码，weex支持在chrome中预览页面dom节点6. 异步：weex只支持callback