目前 按照 APP 开发分类,分为以下三大类
APP
[ Android
Swift
Flutter
React Native
]WEB APP
Hybrid App
[混合APP
]在找工作的当中,很多岗位 要求 会开发 H5 App
,那到底什么是H5 APP
呢?
一开始我也有点疑惑,没接触这块,按自己理解 就是 采用 HTML5
技术开发出的页面应用 跑在移动端当中。
下面引用 阮一峰对 H5
开发解释。
真正理解 H5 开发,需要先搞清楚什么是原生 App、什么是 Web App,因为混合 App 是在它们的基础上诞生的
H5 这个词,可以理解成就是混合 App 模型,只不过它特指混合 App 的前端部分。
因为混合 App 的前端就是 HTML5 网页,所以简称 H5。这个词是国内独有的,基本上都是前端程序员在用,国外不用这个词,就直接叫混合 App。
原生APP
在这里就不讨论原生APP的优点了,想必大家都知道。主要围绕缺点来说
Android
和 IOS
bug
无法更新修改,必须用户 下载 更新Web APP
优点
缺点
混合APP
优点
缺点
原生开发
才能更好的开发 H5
。原生开发
与 H5
的各种通信和兼容性问题。Hybrid App
[ 混合 APP] 指 原生 APP
和 WEB APP
的结合体。它主要是以 JavaScript
+ Native
[ APP 原生] 两者结合相互调用使用。
混合 App 的原生外壳称为"容器",内部隐藏的浏览器,通常使用系统提供的网页渲染控件(即 WebView 控件),也可以自己内置一个浏览器内核。结构上,混合 App 从上到下分成三层:HTML5 网页层、网页引擎层(本质上是一个隔离的浏览器实例)、容器层。
Hybrid App 主要是用来优化 原生APP
和 WEB APP
的缺点诞生的新技术,但也有自己的不足。
优点
缺点
原生 APP
, 但相对原生 轻量
。H5
做H5
和 原生
都能做的,尽量使用 H5
来做H5
做不了的, 原生
做原生
做 [ 体验佳 ]H5
交互原生 与 H5
交互主要是采用 JSBridge
它给 JavaScript 提供调用 Native 功能的接口,让混合开发中的前端部分可以方便地使用 Native 的功能(例如:地址位置、摄像头)。JSBridge 的功能不止调用 Native 功能这么简单宽泛。实际上,JSBridge 就像其名称中的Bridge的意义一样,是 Native 和非 Native 之间的桥梁,它的核心是构建 Native 和非 Native 间消息通信的通道,而且这个通信的通道是双向的。
双向通信的通道:
相信看到这里的朋友,对于 APP 技术选型 有 大概了解了,每项技术都有优缺点,主要看这项技术是否满足当前项目业务大部分场景,小部分单独优化处理。
关于 APP 开发,你有何看法? 欢迎来交流群 一起讨论!