原生APP和Web APP的区别

第一从功能上讲：

原生APP是一个系统性的应用程序，而Web APP则更多是页面展示类的APP，之间的差距可谓是电脑上的软件和网页之间的差别，所以差别还是很大的。原生APP可以调用手机终端的硬件设备比如语音、摄像头、短信、GPS、蓝牙、重力感应等，Web APP则不可以。

Web App 开发如果只是单纯的页面展示的话，一个微信公众号也可以替代，做APP就是更多的为了以多功能满足客户需求实现盈利。

第二从加载速度：

原生APP由“云服务器数据+APP应用客户端”两部分构成，APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。访问的时候，不需要重新下载加载。

而Web APP每打开一个页面，都需重新加载，访问速度受手机终端上网的限制，每次使用均会消耗一定的手机上网流量，加载速度慢。而且因为Web APP加载的数据只能存储在网页端，所以如果加载容易卡死错乱，用户体验比较差。

第三从稳定性：

目前市场的web版的APP多为模板，这种模板价格便宜，但是功能无法拓展，而且随着市场上浏览器、技术的进步，总会逐步出现各种问题，稳定性根本无法保证。

移动互联网发展趋势而原生的APP的技术更加成熟，而且功能呢可以拓展。

H5 APP开发由于安装包比较小、更新灵活对于市场来说依然有吸引力，目前用的最多的还是图文类的。常见的商业用途的APP，还是原生APP开发居多。

webapp和原生app有三种区别：

1开发方面有区别：

（1）原生APP：每一种移动 *** 作系统都需要独立的开发项目，iphone版本、Ipad版本、安卓版本。每种平台都需要独立的开发语言。Java(Android),Objective-C(iOS)等等。需要使用各自的软件开发包，开发工具以及各自的控件。

（2）开发成本高、开发速度慢、维护成本高。三个平台（IOS、安卓、windows）的规则、推广、运营都不相同。官方应用商店对APP上线审核流程比较复杂而且很慢，会严重影响APP的发布上线。

（3）WebApp：因为运行在移动设备的浏览器上，所以只需要一个开发项目。可以通过HTML、CSS或者JavaScript来进行WebAPP的开发。开发成本低、开发速度快。

2功能有区别：

（1）原生App：原生APP是一个系统性的应用程序，可以类比于电脑上的软件。原生app可以调用移动终端的硬件设备，比如：麦克风、摄像头、短信、GPS、蓝牙、重力感应等。实现功能丰富

（2）WebApp：WebAPP可以类比于电脑上的网页。WebAPP更多是页面展示类的APP。只能使用有限的移动硬件设备功能。更多用于页面展示，侧重于简单的交互，无法使用很多硬件设备独特的功能。

4版本控制有区别：

（1）原生App：用户可以自由地选择是否更新软件版本，所以会出现不同用户同时使用不同版本的情况。同时也会导致维护成本比较高。使用旧版本的用户无法体验新版本的完整功能。

（2）WebApp：所有的用户都是用同样的版本，所有用户获得的功能都是相同的。版本更新比较方便，直接在服务器侧更新数据即可。一个功能做好了就能上线，一天更新几十次都毫无压力。如果客户端只是个浏览器，那一切都会变得很简单。

（3）另外web统一性高，跨平台适用时开发量少。由于其入口不明显（浏览器导航或者随意点击链接进入），让用户记住的门槛也随之拔高，每次推广导入的流量都可能沦为一次性努力，用户留存率低。

H5APP即是一种框架型APP开发模式(HTML5APP框架开发模式)，该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的数据则是每次打开APP的时候，去云端取数据呈现给手机用户。

原生APP又称NativeApp，该开发针对IOS、Android、Windows等不同的手机 *** 作系统要采用不同的语言和框架进行开发，该模式通常是由“云服务器数据+APP应用客户端”两部份构成，APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。

1、开发方面的区别（这个地方太专业啦，请教了团队的开发小伙伴）

目前ReactNative开发越来越火，微信小程序是基于ReactNative开发的，体验接近原生APP，发展前景值得重视。不过好在现在非原生APP同样可以调用蓝牙、相机等硬件，也能顺利发布到苹果APPstore。

移动WebApp

1、因为运行在移动设备的浏览器上，所以只需要一个开发项目

2、这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(PHP,RubyonRails,Python)

3、这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap,SenchaTouch2以及AppceleratorTitanium等等。

原生App

1、每一种移动 *** 作系统都需要独立的开发项目

2、每种平台都需要独立的开发语言。Java(Android),Objective-C(iOS)以及VisualC++(Windowsphone)等等

3、需要使用各自的软件开发包，开发工具以及各自的控件

2、能力方面的区别

移动WebApp

只能使用有限的移动硬件设备功能。

原生App

能够与移动硬件设备的底层功能，比如个人信息，摄像头以及重力加速等等。对于这一点感触很深刻，2016年做新年H5营销小活动的时候，就是因为没有考虑到H5不能使用移动硬件端重力加速而导致临时替换设计方案。

3、获取方法的区别

移动WebApp

1、从移动设备上的浏览器访问

2、不需要安装额外的软件

3、软件更新只需要服务器就够了

4、因为现在没有什么商品或卖场提供这种App，不过一般都是嵌套在系统内部，或者内部系      统中使用

5、跨平台开发，用户不需要去卖场来下载安装App

6、需要过度依赖网络，没有任何缓存数据

7、任何时候都可以发布App，因为根本不需要官方卖场的审核

8、如果你已经有了一个WebApp，你可以使用responsivewebdesign来辅助改进(这也是优势)

9、所有的用户都是用同样的版本

原生App

1、直接下载到设备

2、以独立的应用程序运行(并不需要浏览器)

3、用户必须手动去下载并安装这些原生App

4、有一些商店与卖场来帮助用户寻找你的App，appstore里面应有尽有。

5、原生型APP应用的安装包相对较大，包含UI元素、数据内容、逻辑框架;

6、手机用户无法上网也可访问APP应用中以前下载的数据。

7、原生型的APP可以调用手机终端的硬件设备(语音、摄像头、短信、GPS、蓝牙、重力感应等)

8、APP应用更新新功能，涉及到每次要向各个应用商店进行提交审核。

9、用户可以自由地选择是否更新软件版本，所以会出现不同用户同时使用不同版本的情况

即使两者之间有很大的区别，即使H5有一大堆的坑和问题，但是仍旧不妨碍移动WEB无所不在，移动web是目前唯一的支持各种设备访问的平台，也是唯一一个可供开发者发布移动应用的平台，它将各种移动交互与PC系统任务有效的结合在一起。而原生nativeapp可以充分利用设备的特性，这一点是它得天独厚的优势。

正式因为它有复杂多变的CSS样式消耗了大量性能，它才有一个更有竞争力的优势——它带来了多样性的排版，能够细致到每一个字宽行高和风格的像素级处理，能够给你带来不一样的图文汇合的排版。

1、标题寄居架构：
特点指将一个Web应用程序嵌入在另一个Web应用程序的页面上，通常会将标题、导航菜单和页脚等元素保留在主页上。这种架构可以提高Web应用程序的可用性和易用性，使用户在导航时更加方便。
优点：提高了Web应用程序的易用性和可用性，同时可以减少应用程序的代码量和服务器负载。
缺点：由于嵌入在其他应用程序中，因此易受其他应用程序的影响，容易出现不兼容问题；同时，不便于扩展和维护。
2、原生架构：
特点指将应用程序的前端和后端分离，由各自专门的团队开发和维护。前端和后端使用API接口进行通信，实现数据的传输和处理。这种架构可以提高应用程序的可扩展性和可维护性。
优点：容易维护和扩展，不会受到其他应用程序的影响；同时，可以提高应用程序的安全性和稳定性。
缺点：需要前后端各自有专业的开发团队，较难实现快速开发和部署。
3、混合架构：
特点指将标题寄居架构和原生架构结合起来，采用模块化的开发方式，将应用程序分为多个模块进行开发和维护。这种架构可以兼顾易用性和可扩展性。
优点：能够兼顾易用性和可扩展性，可以提高开发效率和维护效率。
缺点：需要合适的技术架构和团队协作，否则易出现不兼容和维护困难的问题。

---