`

Web App、Native App和H5区别与选择

 
阅读更多

  随着无线App使用越来越广泛,无论走在哪都基本上能看到大家人手一部手机,低着头在玩App。增长较为明显的主要集中在创业型公司,同时H5在移动端由于其相对较低的开发成本以及强大的跨平台运行能力,较低的发布成本,使得越来越多的信息型产品开始选择轻量级的H5页面进行快速迭代,同时借用微信等平台快速触达用户。早期App红利时期已过,使后面用户数量增加变的困难,应用市场推广App成本越来越高。对于前期还未融资的创业型公司,在产品布局时我们如何选择变的非常重要。Web app、Native app和H5该如何选择?

 

   H5相对Native App的优势:

 

  1. H5可跨平台使用,开发成本低。一般一个PD+1个UED+前端开发+服务端开发即可完成;Native App则需要Android的PD+ios的PD+Android UED+ios  UED+android前端开发+ios前端开发+服务端开发。故H5的开发成本要低很多。
  2. H5可随时上线,适合快速迭代,且试错成本低。一个功能开发好了可立马就上线;Native app完成一个版本提交给各渠道做审核(由其是ios审核),需要几个工作日,而且还要成本。native app还需要用户主动下载App更新。不同的平台运维推广玩法还不一样,即分发和运维成本很高。
  3. H5可以轻量的触达用户,提供更便捷的服务。相比在桌面上下载一堆的App,在微信的入口或者浏览器上,用户只需要点开链接就可以获取我们所提供的服务。有更高的使用时长及导流功能力。基于公众号的运营和推广可以快速的触达用户。

  H5相对Native App的劣势:

 

  1. H5-->App的转化强依赖于浏览器,如若把用户真正存在自己的产品中需要进一步的转化;而App可以内嵌入H5,直接在应用内即可打开并与H5进行转化。
  2. H5目前基本上无法将数据存储在本地,依赖实时性数据,网络状态不好的时候卡到想摔手机。由其是当用户需要上传数据,比如输入、选择,传照片等,页面的延迟会影响使用的流畅性;而App可以本地存储,运行速度更快,更省流量,可离线操作或者访问本地资源。
  3. H5性能相对来说较低。对于复杂的交互(例如3D特效),频繁的输入输出等等,即使实现了,在用户体验上也要减分。比如在Native App上一个类似页面滑动切换的效果,基本不会感觉到延迟,你手指只要开始滑动,页面就无缝的跟着滑动;在Web上(例如微信里的各种H5花哨分享页),滑动时就有个大菊花(一条进度条)慢慢加载。

   对于Web  App、Native app、native app内嵌H5该如何选择。需要根据实际的产品需求,产品的核心功能、辅助功能、配合运营需求、应用场景等方面的影响。

分享到:
评论

相关推荐

    做Web App 和 Native App之前,你需要考虑的四个方面.docx

    ### 做Web App 和 Native App之前,你需要考虑的四个方面 在当今移动互联网时代,无论是创业者还是企业,在推出新产品时都会面临一个选择:是开发原生应用(Native App)还是选择更为轻便的Web App?这个问题涉及到...

    百度Web App开发技术介绍_黎科峰

    标题与描述概述的知识点主要围绕百度Web App开发技术,尤其是移动Web App的开发框架、平台以及与Native App的对比。接下来将对这些知识点进行详细展开。 ### 移动Web App介绍 移动Web App是一种利用HTML5、CSS3和...

    AppHost一个native和h5通讯的框架支持调试

    2. **调试工具**:AppHost提供了专门的调试工具,帮助开发者跟踪和定位H5与Native之间的通信问题,提高了调试效率。 3. **统一接口**:通过封装API,AppHost将各种原生功能暴露给H5,开发者只需调用统一的接口,...

    h5与native交互

    h5与native的交互,集成的方法,很方便的调用nativeApp,是一段不可多得的好东西!!

    h5唤醒APP,如果未下载跳转下载页,如果已下载唤醒APP

    3. **JSBridge**:为了使H5与原生APP之间能进行通信,我们需要建立JSBridge,这是一个JavaScript与Native代码交互的桥梁。通过JSBridge,H5页面可以调用原生APP的方法,如检测APP是否已安装、启动APP或跳转到下载...

    今日头条H5移动端APP页面

    今日头条H5移动端APP页面,开发的H5的移动应用提供便捷的前端,内容为APP页面模板不含后台的Html+Css+js页面,方便直接套用样式,做的非常漂亮

    Android Hybrid app H5 交互

    总结,Android Hybrid App H5交互通过WebView和JavaScript Bridge实现了Web与原生的深度融合,为开发者提供了灵活的开发模式。理解并掌握这些知识点,有助于构建高效、用户体验良好的混合应用。

    PHP微商城H5商城源码_可封装成app带安装教程.zip

    - **Hybrid App开发**:使用Cordova、React Native等技术,将H5页面打包为原生APP,享受部分原生性能。 - **APP壳**:创建一个简单的APP壳,用于加载H5商城页面,处理原生API调用、推送通知等功能。 - **签名与...

    Html5如何唤起百度地图App的方法

    如果在这段时间内App成功被唤起,再通过某些特定的判断逻辑返回到H5页面继续后续操作。 文档还提到了在Android上运行正常,但在iOS上存在问题的情况。在iOS中,即使App处于后台,定时器依然会执行,导致无法正确...

    H5与Native交互之JSBridge技术.rar

    在移动应用开发中,H5(HTML5)与原生(Native)的交互是一个重要的环节。JSBridge技术正是为了解决这一问题而诞生的,它允许JavaScript与原生应用程序进行通信,实现数据交换、功能调用等操作。下面将详细探讨...

    5+ App开发Native.js入门指南.pdf

    总的来说,Native.js作为一款提升App开发效率的工具,通过减少对原生开发和编译环境的依赖,使得App开发过程更加高效和便捷。然而,对于想要深入应用Native.js进行开发的工程师而言,了解原生API和平台特性仍然是...

    安卓手机native.js蓝牙搜索

    为了弥补这一不足,开发者们引入了像`native.js`这样的库,使得JavaScript能够与原生平台进行交互,从而实现更多的功能。本文将深入探讨如何在Android设备上利用`native.js`来实现蓝牙搜索和连接。 首先,我们需要...

    原生APP开发公司浅谈原生开发、H5开发与混合开发的区别.pdf

    "原生APP开发公司浅谈原生开发、H5开发与混合开发的区别.pdf" 在移动应用开发领域中,开发模式的选择对应用的性能、用户体验和开发效率都有着至关重要的影响。原生开发、H5开发和混合开发是当前市场上三种主流的...

    佳博Q80蓝牙便携打印机,Hbuilder+Native.js开发

    在本文中,我们将深入探讨如何利用HBuilder和Native.js这两款工具,进行H5页面的开发,以便与佳博Q80蓝牙便携打印机进行有效对接。 HBuilder是DCloud(数字天堂)推出的一款强大的Web开发IDE,它集成了代码编辑、...

    iosH5ForApp

    在iOS平台上,集成H5(HTML5)页面到原生...在实际开发中,开发者需要根据项目需求和团队能力,选择合适的集成方案,如开源库如Cordova、React Native等,或者自建JSBridge框架,以实现高效、安全的H5与iOS App交互。

    HTML5与混合模式开发和Native的关系及其实现【张振华.Jack】

    当前主流的应用程序大致可以分为三类:Native App、Web App 和 Hybrid App。 1. **Native App**:这类应用程序是专门为特定的操作系统设计的,如iOS、Android或Windows Phone,并使用该系统的原生编程语言开发,...

    Hybrid App之H5体验优化 王利华.pdf

    Hybrid App是一种应用程序开发方式,它结合了原生应用(Native App)和网页应用(Web App)的特点,使得开发者能够使用网页技术来构建应用的界面部分,同时保留了原生应用的用户体验和功能。 而H5,全称为HTML5,是...

    基于HTML5和jQuery Mobile的移动学习APP设计与实现.pdf

    PhoneGap还提供了访问设备功能的能力,如相机、地理位置和通知,这使得基于HTML5的Web App可以拥有与Native App类似的特性。 在本文中提到的移动学习APP,开发者使用HTML5的Web Storage特性来存储学习数据,解决了...

    创业计划书-APP移动应用-起跑线项目项目计划书-H5 APP

    【起跑线项目】是一个以H5技术为基础的APP移动应用创业计划,旨在利用现代互联网技术和移动设备的广泛普及,为用户提供便捷、高效的服务。H5(HTML5)是一种先进的网页标准,它允许开发者创建出功能丰富、交互性强的...

Global site tag (gtag.js) - Google Analytics