原生APP开发：

1、优势：可实现的功能全面、多样，不受限制想怎么做就怎么做。性能好，打开速度快,用户体验非常好，即使断网也能实现部分功能。

2、劣势：开发周期长、安卓和苹果iOS版需要单独开发，费用贵。

H5 APP开发：

1、优势：开发速度快，跨平台开发，费用低。

2、劣势：H5的性能很差，h5 app开发  app开发成本   怎样开发app 受web内核的影响还有h5的标准标签限制，很多效果是没办法做到的。如果一个APP全部由H5来做(不太可能，送审很可能被拒)，那么会非常卡。如果断网，功能则全部不能使用。

从对比中我们可以看出，h5 app开发  app开发成本   怎样开发app 很多简单的App使用H5制作主要考虑到周期、费用等问题。

但是随着原生开发技术的进步，现在不需要任何的编程技术，h5 app开发  app开发成本   怎样开发app 自己也能快速制作出原生App，而且费用比H5版的还要便宜的多。

这就是新兴起的傻瓜式App在线制作平台，h5 app开发  app开发成本   怎样开发app 让小白也能低成本制作出功能强大的原生APP软件。

常见的功能一次性提前开发好，共享在平台上。h5 app开发  app开发成本   怎样开发app 常见的功能组件，比如图文视频、按钮、地图、定位、一键拨号、一键短信、标签、导航、列表、浏览器、新闻资讯、商品展示、在线交易、在线支付、货到付款、商品评论、商品分享、团购券、代金券、注册登录、搜索、社区、贴吧、表单、交友聊天、付费阅览、权限阅读、签到、积分、会员、子账号管理等等。用户利用上面的这些功能组件，拼图式组合，上传对应的图片文字，就能像堆积木一样快速制作App。

优势

1.H5可跨平台使用，开发成本相对更低。

一个产品经理+前端+设计+后台就能搞定；h5 app开发  app开发成本   怎样开发app  App则需适配苹果、安卓等不同平台进行设计和开发，至少需要苹果工程师+安卓工程师+前端+设计+后台，开发成本高出1/3甚至更多。

2.H5可随时上线就更新版本，h5 app开发  app开发成本   怎样开发app 适合快速迭代，且试错成本低。

一个功能做好了立马就能上线，h5 app开发  app开发成本   怎样开发app 一天更新几十次都毫无压力；App则需要用户主动下载更新，主流的就是iOS，Android两大应用平台，不同平台运营推广的玩法还不一样，分发和运维成本很高。

而且一个版本的功能出来，h5 app开发  app开发成本   怎样开发app 虽然很快就能做出其中一部分让内部人员体验。但等我们全部做完了，可能已经过去一周了。h5 app开发  app开发成本   怎样开发app 然后提交给平台做审核，又要等一 阵，再找个好日子发布，三周就过去了。h5 app开发  app开发成本   怎样开发app 同时，我们如果又做出了更多新的功能，优化了细节，再修复几个漏洞等等，用户却也只能再等几十天才能体验到。

3.H5可以轻量的触达用户，提供更便捷的服务。

相比在桌面上下一大堆App，h5 app开发  app开发成本   怎样开发app 在微信的入口或者浏览器上，用户只需点开链接就可以获取我们所提供的服务。有更高的使用时长及导流能力，基于公众号的运营和推广可以快速的触达用户。

劣势

1.H5—>App的转化强依赖于浏览器。

想把用户真正留存在自己的产品中需要进一步的转化；而APP可以内嵌H5，直接在应用内即可打开并与H5进行转化。

2.H5目前基本无法将数据存储在本地，h5 app开发  app开发成本   怎样开发app 依赖实时性数据，网络状态不好的时候卡到哭。

每当用户需要上传数据，h5 app开发  app开发成本   怎样开发app 比如输入，选择，传照片等，页面的延迟会影响使用的流畅性；而APP可以本地存储，运行速度更快，更省流量，可离线操作或者访问本地资源。

3.H5性能相对较低。

对于复杂的交互，h5 app开发  app开发成本   怎样开发app 比如3D特效，频繁的输入输出等等，即使实现了，在用户体验上也要减分。比如在Native App上，一个类似页面滑动切换的效果，基本不会感受到延迟，你手指只要开始滑动，页面就无缝的跟着滑动，但在Web上，大家应该都经常看微信里的各种 H5的花哨分享页面吧，那滑动流畅吗？

需求：

任何产品存在的意义都是为了解决用户的某个需求。h5 app开发  app开发成本   怎样开发app 不管这个需求是已经存在的还是我们挖掘出来的，我们的产品都要围绕着满足用户的需求开始。现在的移动端产品，大致可以分为两种，h5 app开发  app开发成本   怎样开发app 一种是帮助用户实现某些功能的工具，比如美图秀秀等各种修图App，各种打车产品等；一种是满足用户在信息上，比如饿了么上的订餐信息，知乎上的各种问答信息等等。

即功能型产品和信息型产品，h5 app开发  app开发成本   怎样开发app 当然很多时候一款产品也会同时具备这两种属性。所以不管是做Native App还是Web App，我们至少需要从下面三个角度来考虑

1.产品的核心功能

首先在定位上必须明确产品解决的核心需求是什么。

是以做工具为切入点，h5 app开发  app开发成本   怎样开发app 解决某个痛点，给用户优质的体验，还是靠实用性或者趣味性的信息，让用户在产品中获得自己想要的，进而产生对品牌的认知。

2.辅助功能

如用户社区、服务等非核心需求，这些功能由于暂时不是用户最迫切要解决的任务，同时在功能的调整和内容运营上很灵活，就很适合采用web网页的方式来实现。配合公众号，就可以很好的引导用户进入自己的网站里，同时在自定义菜单栏中定义如售后、维权、用户社区、活动入口等用户所需的服务，可以更好的增加用户黏性。

3.配合运营需求

朋友圈各种华丽的H5分享大家应该很熟悉了，这种阶段性的营销型H5对产品的拉新和活动运营相当奏效。像“双11”还有京东的“618”，不仅是App上针对活动的版本更新以及H5站点上的页面创意，h5 app开发  app开发成本   怎样开发app 专属朋友圈转发分享的H5也是很重要的一个渠道。结合团队的实际情况，偏运营主导的产品就很有必要在这方面跟上。

场景：

你的用户在哪里？遇到什么问题的情况下才会使用产品？

在家，在办公室，在户外等等，h5 app开发  app开发成本   怎样开发app 不同的应用场景对用户体验的影响都相当大。

在真实的场景中，任何事都有可能打断用户流程。

比如平常上下班，h5 app开发  app开发成本   怎样开发app 在公交地铁上大家会看手机，不过到站或者人流拥挤时就会被打断；买东西排队的用户也可能用，但同理也会随时被打断。来电话，收到短信，其它应用的推送……这些全都是干扰用户的因素。

而好的用户体验应该不受这些干扰影响，h5 app开发  app开发成本   怎样开发app 让用户坚挺的走下去~

基于场景和产品为用户所提供的服务：

—为用户提供实用信息

—占用用户的碎片化时间

—某一垂直领域的细分服务

有了场景才会有体验，h5 app开发  app开发成本   怎样开发app 针对体验才能有的放矢。再结合H5的优劣，做选择其实就不难了。其实有不少的团队这两种模式都做了。

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

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

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

1、动画

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

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

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

2、获取服务端数据

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

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

3、页面切换

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

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

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

4、Android/iOS的区别

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

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

本文由梦创义网站建设(www.mcykj.com)收集于网络或网友投稿,对于内容系文章作者个人观点,不代表本站观点.我们每日更新最新网站建设教程,网站制作教程,网站建设方案报价等,如果你想了解更多建站知识,请收藏并持续关注我们网站.

本文地址：https://www.mcykj.com/content-89-664-1.html转载请注明出处！