App概念技术 _技术

莫道桑榆晚，为霞尚满天。这篇文章主要讲述App概念技术相关的知识，希望能为你提供帮助。
按照开发技术，App 可以分成三大类。

原生应用（native application，简称 native App）
Web 应用（web application，简称 Web App）
混合应用（hybrid application，简称 hybrid App）

原生 App专门为特定手机平台开发的应用程序，无法在其他平台运行。一个手机软件如果要同时支持苹果手机和安卓手机，就需要为它们各写一个原生 App。
优点：

较好的性能和体验
可以使用系统的所有硬件和软件 API，比如 GPS、摄像头、麦克风、加速计、通知推送等等，能充分发挥系统的潜力。

缺点：

成本大，需要ios和安卓开发团队
原生 App 使用底层操作系统的语言，都是很重的编译型语言，开发和调试成本相对较高，时间周期长。
原生 App 必须下载安装才能使用，只要升级版本，就必须重新下载安装。用户往往不愿意更新版本，厂商被迫不得不长期支持很久以前的旧版本。

Web应用Web App 是使用网页做的应用程序，必须在浏览器中使用。主要使用网页技术，即 html、javascript 和 CSS。
优点：

不需要下载安装，打开浏览器就能使用，而且总是使用最新版本。
对于开发者来说，Web App 写起来比较快，调试容易，不需要应用商店的批准就能发布。

缺点：

浏览器提供的 API（即 Web API）很有限（目前只有相机、GPS、电池等少数几个），大部分系统硬件都不能通过网页访问，也无法直接读取硬盘文件，所以 Web App 无法充分利用平台的硬件。
网页通过浏览器渲染，性能不如原生 App，不适合做性能要求较高的页面。
打开浏览器才能使用，不能从手机的首屏进入
缺乏手机状态栏和锁屏时的通知推送能力
不知脱机访问（即断网也能使用）

Chrome 团队开发了新技术"渐进式 Web App"（Progressive Web App，缩写 PWA）。它可以把网站缓存在手机里面，供离线时使用，还能在手机首屏生成图标，直接点击进入，并且有通知推送能力，也不带有浏览器的地址栏和状态栏，跟原生 App 的使用体验非常接近。
但是，PWA 需要浏览器访问一次网站，才能在首屏生成图标，并且目前 iOS 系统的支持还不够理想，所以还只是一项探索性质的技术，迄今为止缺乏足够的成功案例。
混合应用原生 App 与 Web App 的结合。它的壳是原生 App，但是里面放的是网页。可以理解成，混合 App 里面隐藏了一个浏览器，用户看到的实际上是这个隐藏浏览器渲染出来的网页。
混合 App 的原生外壳称为"容器"，内部隐藏的浏览器，通常使用系统提供的网页渲染控件（即 WebView 控件），也可以自己内置一个浏览器内核。
结构上，混合 App 从上到下分成三层：HTML5 网页层、网页引擎层（本质上是一个隔离的浏览器实例）、容器层。
【App概念技术】可以调用底层系统所有的 API，容器层提供了API Bridge，充当底层 API 的中介，允许内部的网页调用底层。
优点：

跨平台
灵活性
开发方便

缺点：

性能比较欠缺，存在网页引擎的中间层，不仅不如原生 App，而且由于 WebView 不是全功能浏览器，可能比 Web App 都要慢一些。
跨平台就无法使用只有特定平台提供的功能，导致体验不如纯的原生 App。如安卓有物理的后退按钮、iphone没有。
开发方便

小程序可以看作是针对特定容器的 H5 开发。微信本身是一个容器，开放自己的接口（JSbridge），外部开发者使用规定的语法，编写页面，容器可以动态加载这些页面。
手机 App 的技术栈（1）原生 App 技术栈
安卓平台的 java 技术栈（android Studio），iOS 平台的 Object-C 技术栈或 Swift 技术栈（Xcode）。
（2）混合 App 技术栈
PhoneGap、Cordova、Ionic 等框架
（3）跨平台 App 技术栈
React Native、Xamarin、Flutter

（1）原生技术栈的技能和体验最好，对于复杂的大型 App，如果条件允许，应该采用这种方式开发。
（2）混合技术栈的成本低，灵活性好，对性能要求不高的简单 App，尤其是纯展示性的页面，可以采用这种方式开发。
（3）跨平台技术栈适用于，存在外部或内部条件的限制，只有一个团队开发跨平台 App 的情况。

参考文档阮一峰大神个人网页：http://www.ruanyifeng.com/blog/2019/12/hybrid-app-concepts.html