`
liuguofeng
  • 浏览: 450538 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Web App或夭折,Hybrid App才是新世界的王

 
阅读更多

但究竟什么是Hybrid App?如何定义?

汽车有混合动力Hybrid,移动应用同样也有混合模式。Hybrid App(混合模式移动应用)兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。很多人不知道市场上一些主流移动应用都是基于Hybrid App的方式开发,比如国外有Facebook、国内有百度搜索等。但究竟什么是Hybrid App?如何定义?

Hybrid App:Hybrid App is a mobile application that is coded in both browser-supported language and computer language. They are available through application distribution platforms such as the Apple App Store, Google Play etc. Usually, they are downloaded from the platform to a target device, such as iPhone, Android phone or Windows Phone. The subscribers need to install to run them.

我们来拆解一下里面的含义:

1、mobile application:Hybrid App就是一个移动应用

2、both browser-supported language and computer language:同时使用网页语言与程序语言编写

3、available through application distribution platforms:通过应用商店进行分发

4、a target device:区分目标平台

5、install to run:用户需要安装使用

综合一下就是:“Hybrid App同时使用网页语言与程序语言开发,通过应用商店区分移动操作系统分发,用户需要安装使用的移动应用”。总体特性更接近Native App但是和Web App区别较大。只是因为同时使用了网页语言编码,所以开发成本和难度比Native App要小很多。因此说,Hybrid App兼具了Native App的所有优势,也兼具了Web App使用HTML5跨平台开发低成本的优势。

 

Hyrbid App为什么会兴起?

Hybrid App的兴起是现阶段移动互联网产业的一种偶然。移动互联网的热潮刮起后,众多公司前赴后继的进入。但是很快发现移动应用的开发人员太少,所以导致疯狂的人才争夺。市场机制下移动应用开发人才的待遇扶摇直上,最终变成众多企业无法负担养一个具备跨平台开发能力的专业移动应用开发团队。而HTML5的出现让Web App露出曙光,HTML5开发移动应用的跨平台和廉价优势让众多想进入移动互联网领域的公司开始心动。可是当下基于HTML5的Web App更是雾里看花,在用户入口习惯、分发渠道和应用体验这三个核心问题没解决之前,Web App也很难得以爆发。正是在这样是机缘巧合下,基于HTML5低成本跨平台开发优势又兼具Native App特质的Hybrid App技术杀入混战,并且很快吸引了众人的目光。大幅的降低了移动应用的开发成本,可以通过现有应用商店模式发行,在用户桌面形成独立入口等等这些,让Hybrid App成为解决移动应用开发困境不错的选择,也成为现阶段Web App的代言人。Hybrid App像刺客一样,在Native App和Web App混战之时,偶然间的在移动应用开发领域占有了一席之地。

 

Hybrid App是如何实现网页语言与程序语言的混合?谁占主体?

Hybrid App通常分为三种类型:多View混合型,单View混合型,Web主体型。

多View混合型:

即Native View和Web View独立展示,交替出现。目前常见的Hybrid App是Native View与WebView交替的场景出现。这种应用混合逻辑相对简单。即在需要的时候,将WebView当成一个独立的View(Activity)运行起来,在WebView内完成相关的展示操作。这种移动应用主体通常是Native App,Web技术只是起到补充作用。开发难度和Native App基本相当。

单View混合型:

即在同一个View内,同时包括Native View和Web View。互相之间是覆盖(层叠)的关系。这种Hybrid App的开发成本较高,开发难度较大,但是体验较好。如百度搜索为代表的单View混合型移动应用,既可以实现充分的灵活性,又能实现较好的用户体验。

Web主体型:

即移动应用的主体是Web View,主要以网页语言编写,穿插Native功能的Hybrid App开发类型。这种类型开发的移动应用体验相对而言存在缺陷,但整体开发难度大幅降低,并且基本可以实现跨平台。Web主体型的移动应用用户体验的好坏,主要取决于底层中间件的交互与跨平台的能力。国外的appMobi、PhoneGap国内的AppCan和Rexsee都属于Web主体型移动应用中间件。其中Rexsee不支持跨平台开发。appMobi和PhoneGap除基础的底层能力更多是通过插件(Plugins)扩展的机制实现Hybrid。而AppCan除了插件机制,还提供了大量的单View混合型的接口来完善和弥补Web主体型Hybrid App体验差的问题,接近Native App的体验。

 

多View混合型,单View混合型,Web主体型优劣势对比

 

多View混合型

单View混合型

Web主体型

常见主体

Native

Native

Web

开发成本

用户体验

从分析可见,Hybrid App中的Web主体型只要能够解决用户体验差的问题,就可以变成最佳Hybrid App解决方案类型。

 

Hybrid App的瓶颈与未来

国内外Hybrid App的开发框架众多。如何选择又成为一个难题。下面对开发者比较关心的集中知名跨平台开发移动应用中间件进行列表和对比,以便选择最适合您的移动应用中间件。

 

PhoneGap是相对比较早进入公众视线的一种选择。但是,开发者简单的基于PhoneGap来开发移动应用肯定会发现结果和Web App比较差的用户体验类似。这也是为什么基于PhoneGap有实用性的移动应用主要集中在iOS上。可是PhoneGap这种现状弱化了HTML5的跨平台价值。

AppCan在技术架构上和PhoneGap类似是Web主体型中间件,但是通过结合了一些原生交互效果能够达到iOS、Android平台都比较一致的用户体验。但是相比PhoneGap的开源,AppCan相对封闭的路线显得过于谨慎。

Titanium是一种基于翻译机制的跨平台中间件,能够开发出具有Native体验的移动应用,但是因为翻译机制的限制导致移动应用开发不能像真正的HTML5开发一样灵活。哪怕一个按钮也不能像普通HTML一样来编写,而必须按照Titanium约定的特定格式。

Hybrid App这个领域虽然还处于比较初期的阶段,但是已经有很多优秀的公司和技术团队在致力于跨平台开发移动应用中间件技术的研究,给了开发者众多选择。开发者可以根据实际的项目需求来选择中间件。Web App虽被浏览器厂商和搜索引擎公司所推崇,但存在用户体验差、盈利模式不明确等现阶段无法解决的问题,或最终夭折。Hybrid App正在被越来越多的公司和开发者所认同,势必会成为新世界的王。

分享到:
评论

相关推荐

    appweb 嵌入式的web服务器

    **AppWeb嵌入式Web服务器详解** AppWeb是一款轻量级、高效的嵌入式Web服务器,专为在有限资源环境中运行而设计。它的主要特点在于其极小的内存占用,仅仅800KB,这使得它成为嵌入式设备、物联网(IoT)设备以及资源...

    嵌入式web服务器:appweb

    5. 编写或修改配置文件(默认为`/etc/appweb/appweb.conf`),定义服务器的行为和设置。 6. 启动AppWeb服务器,例如`sudo /usr/local/etc/init.d/appweb start`(具体命令取决于你的操作系统)。 在实际项目中,你...

    Hybrid App(混合模式移动应用)

    Hybrid App,混合模式移动应用,是一种结合了Native App(原生应用)和Web App优点的应用类型。这类应用在外表上与Native App无异,提供类似客户端的用户体验,但其核心是一个UI WebView,用于加载和运行Web App的...

    Office Web App Server 2013

    Add-WindowsFeature Web-Server,Web-WebServer,Web-Common-Http,Web-Static-Content,Web-App-Dev,Web-Asp-Net,Web-Net-Ext,Web-ISAPI-Ext,Web-ISAPI-Filter,Web-Includes,Web-Security,Web-Windows-Auth,Web-...

    Office web app server2013安装与部署

    2. **支持多种服务**:除了为 SharePoint 提供文档渲染服务外,Office Web App Server 2013 还能为 Exchange Server 和 Lync Server 提供文档渲染服务,并且支持为共享文件夹或第三方应用提供服务。 3. **通信协议*...

    Web App和Native App 谁将是未来

    介绍Web App 和Native App的相同和不同之处,并阐释了他们相互之间的关系、优缺点,对Web App 和Native App了解必读

    基于HTML5的Web App的购物网站设计.pdf

    第二部分:Native App和Web App的比较 Native App在移动应用向企业推广的过程中首先成为一种趋势,但是随着时间的推移,企业必须对Native App的更新、维护投入很大的资源,逐渐形成了一种拖累。因此,Native App...

    appweb4.3.4-0添加arm配置及源代码

    2. **下载源代码**:从官方或可靠的源获取AppWeb 4.3.4-0的源代码,解压到工作目录。在提供的压缩包中,包含的"appweb-4.3.4-0"就是我们要的源码。 3. **配置步骤**: - 执行`./configure --host=arm-linux`,这里...

    比较几款跨平台移动端开发app框架hybrid app_app开发主流框架

    比较几款跨平台移动端开发app框架hybrid app flutter React WeeX不看好这个 kotlin也不看好 cordova phoneGap ionic hbuilder(uni-app) HERO

    WEB网站网址转封装成为APP含app控制端及app源码代码APP制作APP生成教程

    ·APP源代码 ·APP控制端源代码 ·APP开发者工具及包含的环境文件 ·APP生成视频教程 `APP控制端安装使用视频教程 所有文件压缩包总大小2.33G APP源代码说明: APP源代码包含安卓和苹果IOS的源文件,可以编译生成两...

    给你几个web app站的例子,套个壳在浏览器中浏览就是 移动端webapp(伪APP).zip

    首先,我们来看一下“QQ截图20150810162125.png”可能代表的是一个设计或功能示例,它可能展示了如何在Web App中实现某种交互或界面元素。由于具体截图内容无法查看,这里无法提供更详细的解释。 “百度APP中的视频...

    appweb 8.2.1

    AppWeb 8.2.1 版本是该软件的一个重要里程碑,提供了许多新特性和改进,旨在提升性能、安全性和易用性。本文将详细介绍 AppWeb 的核心功能、特点以及在 8.2.1 版本中的更新内容。 ### AppWeb 的核心特性 1. **...

    基于Vue和Spring Boot的校园记录管理Web App的设计与实现.pdf

    "基于Vue和Spring Boot的校园记录管理Web App的设计与实现" 本文旨在设计和实现基于Vue和Spring Boot的校园记录管理Web App,以解决当前校园记录管理app的高开发成本和功能不齐全的问题。该系统采用Vue和Spring ...

    appweb.rar

    此资源是基于appweb6.2.1整理出的源码库及其相应示例。可嵌入到自己的程序中做为一个线程,也可以做为一个独立的程序。 另外此程序是在linux平台上做的调试和整理(嵌入式平台只需替换makefile中的编译工具就行), ...

    native app, hybrid app

    Hybrid App可以通过Web技术快速迭代,但性能通常比不上原生应用,尤其是在处理复杂交互和图形密集型任务时。此外,它们对某些设备特性的访问有限,可能需要依赖插件来实现。 HTML5 App,通常指的是基于Web的移动...

    移动HybridApp实战与架构与微信应用号开发教程

    总结,移动Hybrid App实战与架构及微信应用号开发教程涵盖了从基础理论到实际操作的各个环节,旨在帮助开发者掌握混合开发技术,提升移动应用开发效率,同时也能在微信这个庞大的生态系统中找到新的机遇。...

    appweb+esp.zip

    《AppWeb与ESP嵌入式系统源码解析与问题解决》 在嵌入式系统开发领域,AppWeb和ESP(Embedded Systems Programming)是两个至关重要的组件。AppWeb是一款轻量级、高性能的嵌入式HTTP服务器,而ESP则通常指的是在...

    appweb-5.1.0-src.tgz

    "appweb-5.1.0-src.tgz" 是AppWeb的5.1.0版本源代码包,这代表着开发者可以获取到最新的源代码,进行自定义编译和配置,以适应特定的系统需求或功能要求。 **1. AppWeb服务器特性** - **轻量级**:AppWeb设计小巧...

    Android Hybrid app H5 交互

    在移动应用开发领域,混合应用(Hybrid App)是一种结合原生应用特性和Web技术的开发方式。Android Hybrid App H5交互是指通过Android原生应用与HTML5(H5)页面进行通信,实现两者间的数据交换和功能调用。这种交互...

Global site tag (gtag.js) - Google Analytics