Skip to main content

移动端开发模式对比

一、Native App​

传统的原生 App 开发模式，有 iOS 和 Android 两大系统，需要各自语言开发各自 App。

  • 优点：性能和体验都是最好的
  • 缺点：开发和发布成本高
  • 应用技术：Swift、OC、Java

二、WebApp​

移动端的网站，常被称为 H5 应用，即运行在移动端浏览器上的网站应用。一般泛指 SPA 模式开发出的网站。

  • 优点：开发和发布成本最低
  • 缺点：性能和体验不能讲是最差的，但也受到浏览器处理能力的限制，多次下载同样会占用用户一定的流量
  • 应用技术：React、Angular、Vue 等

三、Hybrid App​

混合模式移动应用，介于 Web App、Native App 二者之间的 App 开发技术，兼具 Native App 良好交互体验的优势和 Web App 跨平台开发的优势，原理是由 Native 通过 JSBridge 等方法提供统一的 API，然后用 HTML + CSS 实现界面，JS 来写逻辑，调用 API，最终的页面在 Webview 中显示，这种模式下，iOS、Android 的 API 具有有一致性，所以 Hybrid App 有跨平台效果。

  • 优点：开发和发布都比较方便，效率介于 Native App、Web App 之间
  • 缺点：学习范围较广，需要原生配合
  • 应用技术：PhoneGap、AppCan、Wex5、APICloud 等

四、React Native App​

Facebook 发现 Hybrid App 存在很多缺陷和不足，于是发起开源的一套新的 App 开发方案 RN。使用 JSX 语言写原生界面，js 通过 JSBridge 调用原生 API 渲染 UI 交互通信。

  • 优点：效率体验接近 Native App，发布和开发成本低于 Native App
  • 缺点：...

五、Weex App​

阿里巴巴开发团队在 RN 的成功案例上，重新设计出的一套开发模式，站在了巨人肩膀上并有淘宝团队项目做养料，广受关注，2016 年 4 月正式开源，并在 v2.0 版本官方支持 Vue，与 RN 分庭抗礼。

  • 优点：单页开发模式效率极高，热更新发包体积小，并且跨平台性更强
  • 缺点：...

目前来看 React Native 比 Weex 热门，而更热门的是 Flutter ▼

六、Flutter​

Flutter 在性能上比 React Native 好似乎是大家公认的了，如果说 React Native 是为开发者做了平台兼容，那 Flutter 则更像是为开发者屏蔽平台的概念。只不过又得学一门新语言 Dart 了。

七、其它类型 App​

1、小程序​

  • 微信小程序
  • 百度小程序
  • 头条小程序
  • 支付宝小程序

2、统一开发平台​

  • taro（京东）-> 坑多 趋势很好
  • uni-app（旗鼓相当）

3、微网页​

  • 微信公众号
  • 百度直达号