移动应用开发常见技术比较

一、概念介绍

1.APP
  App(应用程序，application的缩写）一般指手机软件，主要指安装在智能手机上的软件，完善原始系统的不足与个性化，是手机完善其功能，为用户提供更丰富的使用体验的主要手段。手机软件的运行需要有相应的手机系统。
  目前原生APP是指：1.使用OC或Swift语言开发，运行在苹果公司的iOS系统上的移动应用程序。2.使用Java或Kotlin语言开发，运行在谷歌公司的Android（安卓）系统上的移动应用程序。

2.H5
  HTML5，是第5个版本的HTML，“HTML”是“超文本标记语言”的英文缩写，是描述网页的标准语言。我们上网所看到的网页，多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。

3.小程序
  此处专指微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。

4.uniapp
  uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

5.weex
  Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。

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

7.Flutter
  Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。

二、比较

  下面通过开发、产品、测试三个维度对各项常见移动应用程序开发技术进行比较和针对各项进行打分，评分标准分为该项指标开发成本或者用户体验效果，成本高则得分低，效果好则得分高，评分结果如下：

开发维度

产品维度

运营维度

常见移动应用开发技术比较

  总结：在开发维度上原生APP评分落后，其他跨平台技术较原生技术有较大优势；在产品维度上原生APP评分领先，而小程序以及其它跨平台技术稍落后，H5在这一项得分较低；在运营维度上小程序具有一定的领先优势，这与其跨平台以及即用即走的特性有较大关系，原生AP在这项得分相对较低。

三、移动端常用开发技术优劣势总结

附.Hybrid

  一种混合开发的模式，Hybrid APP底层依赖于Native提供的容器（UIWebview），上层使用Html&Css&JS做业务开发，底层透明化、上层多多样化，这种场景非常有利于前端介入，非常适合业务快速迭代。

适合Hybrid的项目为：

  ① 有60%以上的业务为H5

  ② 对更新（开发效率）有一定要求的APP

不适合使用Hybrid技术的项目有以下特点：

  ① 只有20%不到的业务使用H5做

  ② 交互效果要求较高（动画多）

  任何技术都有适用的场景，千万不要妄想推翻已有APP的业务用H5去替代，最后会证明那是自讨苦吃，当然如果仅仅想在APP里面嵌入新的实验性业务，这个是没问题的。

四、资料收集

1.干货丨一篇文章读懂H5/App/小程序的区别

2.科普｜一张表格告诉你，到底 H5 和小程序哪个好

3.小程序和H5其实还有这4大区别，别只会说看上去不一样了！

4.小程序 与 App 与 H5 之间的区别

5.谷歌开源跨平台UI框架——Flutter

6.html5plus (H5 WebApp)

7.uni-app

8.uni-app界面能和原生界面交互吗？

9.浅谈Hybrid技术的设计与实现