hybrid app 简介

移动端 App 的种类

  • native-app
  • web-app
  • hybrid-app

各种 App 的特点

native-app
native-app 拥有非常友好的用户体验,很好的支持对底层相关的访问,但开发成本比较高,在面对频繁的变化时,显的有些难以应对。

优点:

  • 优质的体验
  • 强大的底层支持
  • 资源的高访问权限

缺点:

  • 需要挂商店,需要独立下载
  • 搜索引擎不友好
  • 开发周期长,版本独立维护
  • 不跨平台

web-app
web-app 其实就是针对移动端开发的网站,用户体验自然是要差了点,对一些底层功能的支持也不友好,不过其开发速度非常快,并且本身就支持跨终端跨平台。

优点:

  • 不需要挂商店,不需要单独下载
  • 搜索引擎友好
  • 开发周期短,便于维护
  • 跨平台

缺点:

  • 用户体验差
  • 受网络影响大
  • 安全性低
  • 硬件支持不友好

hybrid-app
hybrid-app 介于 nativ-app 与 web-app 之间,他的体验接近 native-app 开发成本接近 web-app,属于一种折中的移动端应用开发的解决方案。

其实就是两种 app 混合到一起开发,视情况不同选择不同的方式开发。

Web App(网页应用) Hybrid App(混合应用) Native App(原生应用)
开发成本
维护更新 简单 简单 复杂
用户体验
应用商店 不支持 支持 支持
独立安装 不需要 需要 需要
跨平台

Hybrid App 的分类

  • 多 View 混合型
  • 单 View 混合型
  • Web 主体型
  • 复合型 Hybrid

1. 多 View 混合型

Native View 与 Web View 都是独立的,交替出现,以 Native 为主, Web 为辅。

2. 单 View 混合型

一个 View 中,既包含 Native View 又包含 Web View。

3. Web 主体型

Web 为主,Native 为辅

4. 复合型 Hybrid

复合型 Hybrid 是应用的主体可以是二者的混合,代表框架是 kerkee。

多 View 单 View Web 主体 复合型 Hybrid
应用主体 Native Native Web Native + web
开发成本
用户体验

开发框架选择

  • react native
  • weex

1. React Native

主要使用 JavaScript 和 React 开发

2. Weex

主要使用 JavaScript + Vue.js 或 JavaScript + Rax(像 React) 开发

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容