说在前面：

       本屌是一名 Android APP开发者，从大学毕业开始一直都是与原生app打交道，前几年Android在市场上大火，需求也是很多，本屌混的也顺风顺水，好不得意。

      然而最近几年随着小程序，web，APP端各种端大行其道，又恰逢互联网寒冬，各个公司都在节约成本，以前一个项目Android，IOS都会有相应的开发人员，现在公司都要求人员会跨平台开发，以前2个人干的多端活，现在1个人干多端，只会原生app开发那一套已经行不通了，本屌心里那个慌啊，各位看官心里慌不慌？多端统一开发已是大势所趋，趁着现在还能动（已经三十而立了），赶紧多学一些吧。。。

   公司最近的项目要求在Android，IOS，小程序上同时运行，前端开发人员仅本屌一人，为了完成任务，将最近前端所涉及的技术框架都做了一个调查，也进行了实践，现在将自己的历程分享出来，供大家参考，由于能力有限，欢迎大家对错误的地方进行指正。

一、原生开发与跨平台开发技术

原生开发

原生开发就是用原生sdk api（Android或IOS）进行开发，Android使用Java或Kotlin，IOS使用Objective-C或Swift。

原生开发优势：

1.速度快、性能高，可实现复杂的动画，整体用户体验好；

2.可以访问平台的全部功能，包括硬件（蓝牙，GPS，拍照，摄像等）

主要缺点

1.平台特定，开发成本高，不同平台需要维护不同代码

2.动态化弱，有新功能需及时发版

 总结一下，纯原生开发主要面临动态化和开发成本两个问题，而针对这两个问题，诞生了一些跨平台的动态化框架。

跨平台开发

市场上跨平台方案比较多，主要分为三类

1.H5+原生（uni-app,appcan，Cordova,Ionic等）

2.JavaScript开发+原生渲染（React Native、Weex）

3.自绘UI+原生（flutter）

     h5+原生的开发模式为混合开发 ，采用混合模式开发的APP我们称之为混合应用或Hybrid APP ，如果一个应用的大多数功能都是H5实现的话，我们称其为Web APP 。

      混合应用的优点是动态内容是H5，web技术栈，社区及资源丰富，缺点是性能不好，对于复杂用户界面或动画，webview不堪重任。

下面列举自己在项目中选型所涉及的几个跨平台框架

先来一张自己总结的表格，供大家参考：

下面详情讲解一下：

一、flutter （可跨Android和IOS）

       Flutter 是 Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App，一套代码同时运行在 iOS 和 Android平台。 Flutter提供了丰富的组件、接口，开发者可以很快地为 Flutter添加 native扩展。

优势：

1.跨平台自绘引擎，性能强大，流畅：对比weex和react native，性能的强大是很明显的，基于dom树渲染原生组件，很难与直接在原生视图上绘图比肩性能，Google作为一个轮子大厂，直接在两个平台上重写了各自的UIKit，对接到平台底层，减少UI层的多层转换，UI性能可以比肩原生，这个优势在滑动和播放动画时尤为明显

2.采用Dart语言开发：开发效率高，高性能，快速内存分配，类型安全

3.已发布正式版本，google投入资源大，后期会做大做强。

缺点：

1.部分场景仍需原生开发。

注：通过对flutter的学习，感觉还是很不错的，dart学习成本很低，几乎可以不用怎么学，通过实践，2周时间足够可以开始动手撸代码。

二、React Native（可跨Android和IOS）

       使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，将虚拟DOM映射为原生控件，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

其优势和缺点网上文章很多，这里就不做叙述。谈谈自己在实践中遇到的问题：

1.学习成本太高，对没有React前端技术的同学来说，上手是很不容易的，本屌搭建环境都用了2天时间

2.开发过程中总遇到一些莫名其妙的问题，可能是学艺不精，最终一个星期后终于放弃该方案。

3.据查询的资料显示，很多公司由于各种原因已经放弃React Native ，而且很多大神也表示放弃RN是业内的共识，至于共识的原因哪位同学知道，可以分享一下。

三、Taro（可跨H5，小程序，React Native）

京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架，github上已超过16K的star。详情参考 https://github.com/NervJS/taro

   taro多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信/百度/支付宝/字节跳动小程序、H5、React Native 等的应用。

观点：

由于Taro编写出来的工程，如果打包成IOS和Android 需要先将程序生成React Native ，然后再有RN来打包IOS和Android。由于RN的一些经历，本屌未尝试，直接放弃该方案。有同学尝试过的可以分享一下过程。

四、uni-app(可跨Android、IOS、H5、各种小程序)

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台,可参看官网 https://uniapp.dcloud.io/

由于公司的项目需要Android，IOS和小程序共存，最终选择该方案，目前已完成项目，下面说说自己的看法

1. 学习成本很低，虽然之前没接触过vue，但是上手很快，1天时间看vue语法，1天时间了解uniapp并对其创建-打包整个过程进行熟悉，然后第三天可以开始撸代码，一个多星期就完成公司的项目，一款涉及30多个页面的应用。

2.提供云打包和本地打包，对没有苹果电脑的人是福音，可以使用云打包进行苹果ipa制作，当然前提是上传代码到云端，如果代码怕泄露那就本地打包

3.uni-app里面集成了5+plus，nvue和weex功能，所以对熟悉weex的同学也能满足

4.项目运行性能良好，由于应用是一些常规应用，整体和原生体验相差不大

5.国产开源，群比较活跃，遇到问题可以直接咨询群管理

当然缺点也有：

1.对于大量图片展示、tab滑动上卡顿有些明显

2.对地图方面支持力度不够，有很多bug，对于定位，地图选择位置，图层绘制简单的气泡这些基本功能都提供的有接口，使用起来还是很方便的

3.存在部分bug，比如手机震动，提供的接口不起效果，但是可以使用5+ 代码进行实现。

最后：

     现阶段只懂原生开发已经很难立足市场，现在都是多端开发。跨端可以考虑flutter和uni-app这两个框架，前者是原生渲染速度快，可跨Android和IOS两端开发。后者是web渲染，可以跨Android，IOS，小程序，h5多端，缺点是性能问题。但对常规应用，性能表现还不错。刚用uniapp完成公司的项目，性能表现挺好。

   七分精力在原生，三分精力留给跨平台，最后希望各位提出意见，一起沟通学习。