【App】概念、技术

标签：新版本   roi   概念   厂商   iphone   语法   安卓   后退   pwa   

按照开发技术，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 网页层、网页引擎层（本质上是一个隔离的浏览器实例）、容器层。

可以调用底层系统所有的 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

【App】概念、技术

标签：新版本   roi   概念   厂商   iphone   语法   安卓   后退   pwa   

原文地址：https://www.cnblogs.com/Mijiujs/p/12120414.html