三种app的区别

简介

目前市面上有三种app，企业在开发前，会根据自己的需求，选择不同的app性能的app进行开发

话不多说先看表

Web App(网页应用)	Hybrid App(混合应用)	Native App(原生应用)
开发成本	低	中	高
维护更新	简单	简单	复杂
体验	差	中	优
Store或Marke认可	不认可	认可	认可
安装	不需要	需要	需要
跨平台	优	优	差

原生app（nativeapp）

• 介绍

利用Android、IOS平台官方开发语言开发，所有UI写在app中，下载app后，能本地化浏览

• 优点

  1.支持访问本地资源（通讯录，相册，相机，麦克风，摄像头等）

  2.（本地化浏览）运行速度快、性能高，绝佳的用户体验；

• 缺点

  1.更新麻烦，开发成本高

  2.Android和iOS都需要单独开发

  3.发布新版本慢，应用商店发布审核周期长。安卓大概1~3天，iOS需要的时间更长。

  4.维护麻烦，下载是用户控制的，很多用户不愿意下载更新（如，版本发布到了3.0，但还是有很多1.0的用户，可能就得继续维护1.0版本的API）。

  5.必须等下载完毕用户才可以打开，获得新版本时需重新下载应用更新。

webapp

• 介绍

可以理解为一个触屏版网站。APP就相当于是一个浏览器，固定去只能去那几个网页。

• 优点

  1.开发成本极低，而且好更新迭代和维护。

  2.无需下载安装包，节约手机空间。更新无需通知用户，由应用开发者直接在后台更新，推送到用户面前的都是全新版本，更便于业务的开展。

  3.能跨平台使用

• 缺点

  1.受限浏览器，不同浏览器自身属性不相同，如：浏览器自带的手势，页面切换方式，链接跳转方式，版本兼容问题等等。

  2.体验和交互都是比较差的

  3.受限网络环境，对联网要求高，离线不能做任何操作；运行速度慢，页面不能承载太多东西；

  4.安全性相对较低，数据容易泄露或者被劫持。

  5.不能直接访问设备硬件和离线存储，

混合app（hybridapp）

• 介绍

介于原生APP和webAPP之间的，结合这两种类型的长处，主要用js和原生技术相互调用。大的框架是原生的，其他内容是网页封装的。通俗讲，就是在native中提供一个容器，用来加载h5。一种取长补短的开发模式，原生代码部分利用WebView插件或者其它框架为H5提供容器，程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发模式而成的。

混合开发有两种开发模式：

• 原生主导：需要安卓和IOS原生开发人员，App既有原生开发的页面，也有H5页面，在需要H5页面由原生开发工程师内嵌。
• H5主导：只需要H5开发工程师，借助一些封装好的工具实现应用的打包与调用原生设备的功能，如HBuilder的云端打包功能。

• 优点

  1.方便更新又在大的体验上保持优秀

  2.效率中，可以跨平台

  3.不需要安卓和ios两个进行开发，同一套代码Android和IOS基本上都可使用。节省开发费用，缩短开发周期。

  4.可以跨平台使用，编写一次核心代码就可以部署到多个平台。

  5.兼容多平台，可以随意调整排版布局等。

  6.主要功能区相对稳定下，增加的功能区采用web 形式，使得迭代更加方。

  7.每次升级版本只需要在服务器端升级即可，不再需要上传到App Store进行审核；

• 缺点

  1、用户体验没有native好；

  2、web部分性能稍慢（需要连接网络）；

如何查看混合app中原生和webview

1. 安卓手机，使用开发者选项->显示布局边界，打勾。

   页面元素如果是一整块的是h5的，布局密密麻麻的是原生控件。

2. 看加载方式 -(比较准确)如过在打开新页面导航栏下面有一条加载条的话，这个页面就是H5页面，如果没有就是原生的。
3. 看断网的情况把手机的网络断掉。然后点开页面。可以正常显示的东西就是原生写的。 显示404或者错误页面的是html页面。打不开的原生和H5的报错也是有区别的。

客户端，前端，后端

客户端：客户端修改代码，需要重新下包测试。

前端：前端修改代码，不用重新下包测试，需要连不同测试环境测试。

后端：后端改变不需要下载包，也不需要连测试环境。