h5做app和原生app有啥区别？

Posted 2023-05-08

参考技术A

h5做app和原生app有什么区别？

H5开发的web APP和原生APP的区别有以下几个方面：
一、开发方面
原生App
⊙ 每一种移动作业系统都需要独立的开发专案
⊙ 每种平台都需要独立的开发语言。Java(android), Objective-C(ios)以及Visual C++(Windows Mobile)等等
⊙ 需要使用各自的软体开发包，开发工具以及各自的控制元件
移动Web App
⊙ 因为执行在移动装置的浏览器上，所以只需要一个开发专案
⊙ 这种应用可以使用html5,CSS3以及javascript以及伺服器端语言来完成（php,Ruby on Rails,Python）
⊙ 这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap, Sencha Touch 2，APPcan以及Appcelerator Titanium等等。
二、能力方面
原生App
⊙ 能够与移动硬体装置的底层功能，比如个人资讯，摄像头以及重力加速器等等
移动Web App
⊙ 只能使用有限的移动硬体装置功能。
三、获取方法
原生App
⊙ 直接下载到装置
⊙ 以独立的应用程式执行(并不需要浏览器)
⊙ 使用者必须手动去下载并安装这些原生App
⊙ 有一些商店与卖场来帮助使用者寻找你的App，目前app市场不计其数
移动Web App
⊙ 从移动装置上的浏览器访问
⊙ 不需要安装额外的软体
⊙ 软体更新只需要伺服器就够了
⊙ 因为现在没有什么商品或卖场提供这种App，所以如何搜寻这些移动Web App相当不简单。
四、版本控制
原生App
⊙ 使用者可以自由地选择是否更新软体版本，所以会出现不同使用者同时使用不同版本的情况
移动Web App
⊙ 所有的使用者都是用同样的版本
五、优势
原生App
⊙ 比移动Web App执行快
⊙ 一些商店与卖场会帮助使用者寻找原生App
⊙ 官方卖场的应用稽核流程会保证让使用者得到高质量以及安全的App
⊙ 官方会发布很多开发工具或者人工支援来帮助你的开发
移动Web App
⊙ 跨平台开发
⊙ 使用者不需要去卖场来下载安装App
⊙ 任何时候都可以释出App，因为根本不需要官方卖场的稽核
⊙ 如果你已经有了一个Web App，你可以使用 responsive web design来辅助改进
六、缺陷
原生App
⊙ 开发成本高，尤其是当需要多种移动装置来测试时
⊙ 因为是不同的开发语言，所以开发，维护成本也高
⊙ 因为使用者使用的App版本不同，所以你维护起来很困难
⊙ 官方卖场稽核流程复杂且慢，会严重影响你的释出程序
移动Web App
⊙ 无法使用很多移动硬体装置的独特功能
⊙ 要同时支援多种移动装置的浏览器让开发维护的成本也不低
⊙ 如果使用者使用更多的新型浏览器，那问题就更不好处理了
⊙ 对于使用者来说，这种App很难被使用者发现
附：原生App 与 移动Web App:您如何选择？
所以在你准备做移动App时，你应该先问问自己以下几个问题：
1. 你的应用是否需要使用某些装置的特殊功能，比如摄像头，摄像头闪光灯或者重力加速器
2. 你的开发预算是多少？
3. 你的应用是否一定需要网路
4. 你的应用的目标硬体装置是所有的移动装置还是仅仅只是一部分而已
5. 你自己已经熟悉的开发语言
6. 这个应用对于效能要求是否苛刻
7. 如何靠这个应用赢利

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

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

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

目前React Native开发越来越火，微信小程式是基于React Native开发的，体验接近原生APP，发展前景值得重视。不过好在现在非原生APP同样可以呼叫蓝芽、相机等硬体，也能顺利释出到苹果APP store。

移动Web App

1、因为执行在移动装置的浏览器上，所以只需要一个开发专案

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

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

原生App

1、每一种移动作业系统都需要独立的开发专案

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

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

2、能力方面的区别

移动Web App

只能使用有限的移动硬体装置功能。

原生App

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

3、获取方法的区别

移动Web App

1、从移动装置上的浏览器访问

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

3、软体更新只需要伺服器就够了

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

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

6、需要过度依赖网路，没有任何快取资料

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

8、如果你已经有了一个Web App，你可以使用 responsive web design来辅助改进(这也是优势?)

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

原生App

1、直接下载到装置

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

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

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

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

6、手机使用者无法上网也可访问APP应用中以前下载的资料。

7、原生型的APP可以呼叫手机终端的硬体装置(语音、摄像头、简讯、GPS、蓝芽、重力感应等)

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

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

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

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

app原生开发和h5app有什么区别

原生是基于他们自己平台的语言开发，比如ios和安卓是2个平台，也就是要开发2份app。h5的开发完一个，两个系统可以相容(除错测试好)就可以，所以h5比原生app要便宜。 h5的app，载入速度不如原生，受网路影响大，体验度偏低，开发成本一般。 原生app，载入速度快，受网路影响较小，体验度很高，开发成本偏高。 很多市面上的h5虽然功能有了，效果却差了很大，要知道一款好的app光ui设计上就会比普通能凑合用的app高出几倍，也就是说正常二十万左右的appui可能也仅仅占了一万两万，甚至有的公司为了赚钱ui都是修改之前的成品app。

使用H5开发的App和原生App有什么区别？

1.H5的效能很差，一般经常改的地方可以用H5，比如论坛，咨询之类的，而且限制也是很大，很多效果是没办法做到的。GUI框架的WebView普遍是这样的。如果一个APP全部由H5来做(不太可能，送审很可能被拒)，那么会显得非常卡。

2.用iOS SDK，如果实现热更新是比较麻烦的。对于论坛，咨询这种模组，动不动就改版，做起来比较头疼，用H5就很合适了。尤其在APP跨安卓和iOS的时候，这类模组如果直接用H5，那么就很容易共用。

H5网页App开发和纯原生的App的差距主要聚集在以下几个方面：

1、动画

动画有很多种，比如侧边栏选单的滑入滑出、元素的响应动画、页面切换之间的过场等等，在H5之下的众多实现方法都没有办法达到纯原生的效能。一般这些的话有几种不同的选择：css3动画、javascript动画、原生动画。

css3动画非常的消耗效能，如果某一个元素用到css3动画可能还看不出来，但大面积或过场使用css3动画会让app低端手机体验非常差。最好的选择一般是通过框架呼叫底层的动画，但不管怎么样等于在原来的程式码上包上了一层，效能还是不可避免的受到影响。

比如在一个新页面的载入上，如果呼叫底层动画要考虑的问题有两个，一个是本身资源页面的渲染问题，另一个是远端资料的获取。即便是这些动画能够很快的响应，但大量的css页面会导致渲染卡顿，滑入时可能会有白屏/机器卡顿的现象。为了解决这些效能问题又必须要用到预载入或模拟动画。即便是这样，滑入滑出的动画在低端的安卓机器上还是有很多问题，如果获取服务端资料处理的方式不合适，卡顿白屏的现象会更严重。具体看下面的资料获取方式。

2、获取服务端资料

首先要接受的是，这里的资料获取都是在资源页面上非同步完成的，因为只有这样才能让这些资源页面完成预载入或者渲染。但是非同步拿到的资料在填入页面中时可能会涉及DOM操作，众所周知，DOM操作非常消耗效能，如果页面小还好，页面稍大资料稍微复杂一点，频繁的DOM操作会导致明显的闪白。而且最重要的一点是，如果页面载入进来之后资料更新的速度太慢，也会让页面模板等待很长时间，对使用者体验又不友好，总不能每次开启都像浏览器一样等待重新整理是吧

这个问题如果没有得到解决，H5开发是很难承担大规模资料的页面，在它们之中频繁切换更是难上加难，那么肯定有人也会想到用MVVM的方式，其实我也写过一些基于MVVM的H5app开发，相对来说它们获取资料和更新资料的方式更敏捷更科学，但写的过程中又要注意很多H5独有的问题，这些问题在下面的页面切换里来讲。

3、页面切换

上面我们看到了几种不错的实现方式，比如预载入和模拟动画，甚至有批量的预载入，批量的截图模拟动画等等，虽然看起来很友好解决了不少问题，但事实上如果页面足够多就会引发另一个问题——页面的生存周期。

试想一下，如果引导页或者主页面快取了5个子页面的资源，在跳转到响应的子页面时又会快取这些子页面的下级页面资源，如此反复肯定会占据大量记忆体使APP的体验下降。那么怎么知道那些页面是需要的，最多快取多少页面，什么时候结束哪些页面的生存周期呢？在我用过的很多H5APP的框架里都没有对这些问题有一个完美的解答，因此在页面较多内容较多的app开发中可能会因这些资源分配的问题降低效能。

这时候我们回过头来再看看MVVM的资料载入问题，实际上不管哪个MVVM框架，写过的人都知道管理这种新型的前端程式码最重要的问题是记忆体的问题，你既要保证程式码写的足够优雅没有任何记忆体泄露问题，也要考虑到在页面生存周期结束时它们的控制器/页面资源是否得到释放，这对全域性有没有什么影响，在多个请求时也要合理的分配资源，甚至是复用这些父级页面传过来的快取资源等等。较小的APP可能并不会有这些问题，如果你想用纯H5来开发大型app，这很可能会浪费你很多时间——而且结果还不会让你满意。

4、Android/iOS的区别

很多人都说纯H5app开发一次编写就能编译Android/iOS两种不同的APP，大大降低了成本。实际上这个观点本身就是值得怀疑的，如果你写过这类APP就能明白我在说什么，它们既不省事，又存在很多BUG，除错时尤其繁琐。举一个很简单的例子，Android和iOS在返回上一页的处理方式上就有明显的区别，iOS的顶部bar在全屏下怎样处理，Android机器出现 *** art bar怎样处理页面的布局，呼叫底层硬体时怎样区分不同的场景等等，你需要写一个又一个机型和系统的判断，然后分别在Android和iOS下除错，最后你却发现这并没有卵用，累的要死却什么没学到，只有一堆不知道什么时候会过时的经验。

现在做H5混合APP开发的人很多，但是纯H5却很年轻，很多问题都没有很好的解决，这几个是我在做这些APP时考虑最多的问题。最后说一个很少人注意到的H5优势，大家大谈H5APP时都是快速开发、低成本、多平台等等，但我却觉得它和很多APP开发方式相比有一个不同之处——图文混合的排版。正是这些复杂多变的CSS样式消耗了效能，但是它带来了排版的多样性，能够细致到每一个字宽行高和风格的画素级处理，才是H5的优异之处。

原生APP和HTML5APP有什么区别？

原生App更流畅，这个是web app无法比的，但是原生的想更新就得下载新的包或者打补丁，这方面来说，web app的优势更大一些，从体验来说，肯定选择原生，但从开发效率和迭代成本，就选择web app

web app 跟原生app有什么区别

区别如下：
Web APP应用呈现以下特点：
（1）每次开启APP，都要通过APP框架向云网站取UI及资料；
（2）手机使用者无法上网则无法访问APP应用中的资料。
（3）框架型的APP无法呼叫手机终端的硬体装置（语音、摄像头、简讯、GPS、蓝芽、重力感应等）
（4）框架型APP的访问速度受手机终端上网的限制，每次使用均会消耗一定的手机上网流量；
（5）框架型APP应用的安装包小巧，只包含框架档案，而大量的UI元素、资料内容刚存放在云端；
（6）APP使用者每次都可以访问到实时的最新的云端资料；
（7）APP使用者无须频繁更新APP应用，与云端实现的是实时资料互动；
适用企业：电子商务、金融、新闻资讯、企业集团需经常更新内容的APP应用。
Native App（原生型APP）应用呈现以下特点：
（1）每次获取最新的APP功能，需要升级APP应用；
（2）原生型APP应用的安装包相对较大，包含UI元素、资料内容、逻辑框架；
（3）手机使用者无法上网也可访问APP应用中以前下载的资料。
（4）原生型的APP可以呼叫手机终端的硬体装置（语音、摄像头、简讯、GPS、蓝芽、重力感应等）

wex5开发的app和原生的app有什么区别

原生App ⊙ 每一种移动作业系统都需要独立的开发专案 ⊙ 每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等 ⊙ 需要使用各自的软体开发包，开发工具以及各自的控制元件 移动Web App

APP原生开发和H5开发以及APP混合开发三者有什么区别？

APP原生开发一般指 手机/PC程式 以及相关应用开发。
H5开发一般指 HTML5 PC或者 手机网页的开发。
APP混合开发 就是集中的两者以上的共同内容。

网站制作的APP和原生开发APP有什么区别

开发方面

原生开发的App

每一种移动作业系统都需要独立的开发专案，需要独立的开发语言，使用各自的软体开发包，开发工具以及各自的控制元件。

手机网站打包的APP

从原生演变过来的通过APP嵌入网站来是实现的，以及伺服器端语言来完成。

功效方面

原生开发的App能够与移动硬体装置的底层功能，比如个人资讯，摄像头以及重力加速器等等。

网站制作的App只能使用有限的移动硬体装置功能。

H5 和原生 APP 之间的区别

微信H5支付介面，这种介面可以用在 手机网站支付，也可以用于APP， 它的支付方式是通过浏览器吊起微信APP端进行支付，这种介面主要用于游戏，直播等行业，普通APP支付介面也就是SDK，只能用于APP，稳定。还有H5通道切换通道很方便，SDK的话就比较复杂。希望可以帮助到你，我司是第三方支付，接支付介面撩，希望采纳！

苹果地图和高德地图有啥区别？

参考技术A

iPhone自带的地图App在国内其实一直也是用的高德地图的数据，也就说两者的数据来源是一致的，只不过高德有自己的App，苹果也有自己的App，分别做了定制化开发，其他的基础数据都一样。

苹果内置地图的数据来自高德

大家注意去看就会发现，苹果地图上随便选一个地点，然后点进详情页，进去就会发现苹果里面有个“更多详见高德地图”，这说明什么问题不用我多说了吧，苹果地图在国内就是用的高德地图的数据。

也就是说苹果只是做了一个地图App，这是由于外国企业在国内没有地图测绘权利，苹果在国内没有自己的数据，也不能用Google的数据，只好转向高德地图。当然这个也是为了保护国家的安全，以及保护大家的隐私，Google地图的测绘团队有多厉害自然不需要我多解释。

高德地图接口碑和点评、苹果地图接了点评

地图联系最为紧密的服务就是O2O服务，国内目前最大的O2O企业毫无疑问就是美团点评，排在第二位的就是阿里巴巴的口碑。

美团跟苹果的关系一直都比较好，库克来中国的时候，王兴也曾亲自陪同，王兴还亲自教库克怎么用大众点评在线点单，两个人一起线下吃生煎。苹果地图内置的O2O服务也是来自大众点评，选择一个地址点进详情页，信息页面下方就是大众点评的推荐页面。

高德地图自然就很好理解了，作为阿里巴巴旗下的导航业务，高德地图没理由不支持口碑的业务发展，自然也就将口碑作为内置O2O服务了。不过口碑的用户确实比较少，高德地图于是把“附近”这块功能全都给了大众点评。

苹果地图比较纯粹，高德地图服务多

功能上讲，苹果地图确实是更加纯粹的地图App，除了基本的导航、叫车、O2O服务推荐之外，没有多余的功能，高德地图就比较复杂，有一堆服务都在高德地图上。

苹果地图的添加联系人非常方便，这个功能不常用但是一旦使用就非常方便。尤其是对于那些做生意的，可能客户分布在不同的地方，添加到地图就非常方便，还有做销售的，也可以通过这个非常方便的管理拜访路线。

高德地图就是典型的具有“中国特色 社会 主义”的App，一个App恨不得什么功能都给你安排上，也不管你用不用，这些功能都在那里。高德地图则是景点门票、卡券、店铺、打车用车单车、内容服务等等各种乱七八糟的都有。

我个人的角度更喜欢Google Map和苹果地图，功能比较简洁不累赘。国内高德地图和百度地图我都用过，总体来说我更喜欢百度地图，高德地图很久以前导航把我导到单行道死胡同了，开车倒车半天的痛现在还记得。

关于苹果地图和高德地图有什么区别？很高兴回答您这个问题，我这里主要从三个点来说说他们之间的区别。

一、国籍不同

1、苹果地图：是美国 苹果公司发布的在移动操作系统iOS中预装的软件，只运行于iOS系统。

2、高德地图：是中国 领先的数字地图内容、导航和位置服务解决方案提供商，是中国高德（AutoNavi）研发的地图产品，有iOS、Android两个版本，除了两个标准版，Android阵营中，还与三星S4、OPPO FIND5等厂商合作预装定制版本。

二、特点不同

1、苹果地图：采用矢量引擎，可以进行平移和缩放等功能。地图app可预测可能要去的地点，并根据适时路况及时间、所在的位置以及日程安排，建议前往该地点的便捷方式。

2、高德地图：拥有导航电子地图甲级测绘资质、测绘航空摄影甲级资质和互联网地图服务甲级测绘资质“三甲”资质，其优质的电子地图数据库成为公司的核心竞争力。

三、功能不同

1、苹果地图：针对要去的目的地，地图app可以为推荐避免交通拥堵的理想路线，还能为日历上即将进行的会议规划路线等。

2、高德地图：最新矢量地图渲染，最高质量地图效果、最丰富数据信息、最快速操作体验、最节省数据流量。专业地图服务：实地采集、网络采集，行业领先。2000万POI信息，每年四次信息更新。

综上所述，苹果地图和高德地图在与开发商不同而导致的功能不同，就好像苹果手机和华为手机的不同，用户究竟是喜欢用苹果手机还是华为手机，只看各自的爱好和需求，谢谢。

我直接就是国内高速，不知道测速的，高德，超速会有红色数字提示，很显眼。苹果没有。但去国外，不还是得用苹果的。并且还带每个地方的中文翻译。最主要的，高德真的费电。并且一直开着手机能烫到没法用手握着手机，不充电的话，3个小时左右就到20电量了。几乎跟打 游戏 费电程度差不多。苹果的省电。但苹果的弊端就是，没有时速显示。只是提示一句，前方有测速，这点不如高德的时速显示。

苹果手机在中国用的地图就是定制版的高德地图，与我们在App Store里面下载的高德地图在地图数据内容是一样的，但是苹果自带的要更“清爽”一些，个人感觉更流畅一些，但是后下载的地图自定义功能更多一些，比如个性化设置特别是语音包方面以及周边等信息更全面。用起来见仁见智，有点像用苹果手机和安卓手机，各有千秋。

至于苹果为什么在中国用定制的高德地图，主要原因是地图数据要实时更新，更新靠的是那种测绘车去测量标记，比如哪里有闯红灯拍照，哪里限速多少等等，国家当然不会让外国公司去那么细致地测量我国的土地（据说日本在侵华战争前就派人先来测绘），类似于我国要求苹果公司把在中国的数据留在国内一样。

最后温馨提示一下：用高德地图开车导航前一定要选好路线，否则很容易变成缺德地图[泪奔]

苹果地图只有在中国由于一些限制购买了高德地图的服务，在国外原来使用的是Google地图，现在已经切换到苹果自己的地图服务了。

一、指代不同

1、苹果地图：是苹果公司发布的在移动操作系统iOS中预装的软件。

2、高德地图：是中国领先的数字地图内容、导航和位置服务解决方案提供商。

二、特点不同

1、苹果地图：采用矢量引擎，可以进行平移和缩放等功能。地图app可预测可能要去的地点，并根据适时路况及时间、所在的位置以及日程安排，建议前往该地点的便捷方式。

2、高德地图：拥有导航电子地图甲级测绘资质、测绘航空摄影甲级资质和互联网地图服务甲级测绘资质“三甲”资质，其优质的电子地图数据库成为公司的核心竞争力。

三、功能不同

1、苹果地图：针对要去的目的地，地图app可以为推荐避免交通拥堵的理想路线，还能为日历上即将进行的会议规划路线等。

2、高德地图：最新矢量地图渲染，最高质量地图效果、最丰富数据信息、最快速操作体验、最节省数据流量。专业地图服务：实地采集、网络采集，行业领先。2000万POI信息，每年四次信息更新。

之前苹果内置的地图是谷歌，后来经过不可抗力之后，苹果公司做了很多本地化的工作。例如微博代替Twitter，高德地图代替谷歌地图。

苹果数据用的高德的，没有太大的区别，高德的功能更丰富一点

你好

美好吗好喜欢课程考核