【APP】APP概念和技术栈

时间:2024-03-05 10:22:40

概念

按照开发技术,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没有。
  • 开发方便

手机 App 的技术栈

(1)原生 App 技术栈 

安卓平台的 Java 技术栈(Android Studio),iOS 平台的 Object-C 技术栈或 Swift 技术栈(Xcode)。

(2)混合 App 技术栈

 PhoneGap、Cordova、Ionic 等框架

(3)跨平台 App 技术栈

Facebook的React Native、谷歌的Flutter 、阿里的Weex、Dcould的uni app

 

(1)原生技术栈的技能和体验最好,对于复杂的大型 App,如果条件允许,应该采用这种方式开发。

(2)混合技术栈的成本低,灵活性好,对性能要求不高的简单 App,尤其是纯展示性的页面,可以采用这种方式开发。

(3)跨平台技术栈适用于,存在外部或内部条件的限制,只有一个团队开发跨平台 App 的情况。

 

参考文档

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