按照开发技术,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