`
hiwings
  • 浏览: 60095 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Web App 被看衰,Hybrid App 才是新王道

 
阅读更多

基于HTML5的Web App在移动端接受实用性检验后,开发者从热情转为观望。这时候Hybrid App(混合模式移动应用)作为现阶段HTML5技术的落脚点正悄然兴起!Native App和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.

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

mobile application:Hybrid App就是一个移动应用
both browser-supported language and computer language:同时使用网页语言与程序语言编写
available through application distribution platforms:通过应用商店进行分发
a target device:区分目标平台
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主体型优劣势对比




从分析可见,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

    AppWeb是一个这样的服务器,它被设计为嵌入到各种设备和应用中,以提供网络接口和服务。在本文中,我们将深入探讨AppWeb的特性、优势以及如何在项目中集成和使用它。 AppWeb是一个功能丰富的嵌入式Web服务器,它比 ...

    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安装与部署

    其中,Office Web App Server 被称为 WOPI APP,而使用服务的一方被称为 WOPI Host。外部通信仍然使用 HTTP/HTTPS 协议。 4. **软件需求**: - PowerShell V3 - .NET Framework 4.5 - Windows Server 2008 R2 ...

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

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

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

    2. **主循环**:在`src/appweb.c`中,你可以找到服务器的主要事件循环,这是AppWeb运行的核心部分。 3. **配置解析**:AppWeb使用`conf.c`和`conf.h`中的函数来解析配置文件。了解这些函数的工作原理,可以方便地...

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

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

    Web App和Native App 谁将是未来

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

    appweb 8.2.1

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

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

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

    appweb.rar

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

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

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

    Matlab开发Web App服务器.docx

    Matlab 开发 Web App 服务器 Matlab 提供了 Web Apps 功能,可以将电脑设为服务器,把 App 程序发布到局域网,可以通过浏览器访问。这项功能从 2018a 版本开始提供。使用步骤包括:使用 App Designer 创建交互式的...

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

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

    appweb+esp.zip

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

    appweb-5.1.0-src.tgz

    - **文档更新**:新的版本通常会伴随着更新的开发者文档,帮助用户更好地理解和使用AppWeb。 **3. 源码编译与配置** 下载"appweb-5.1.0-src.tgz"后,解压并进入目录,按照以下步骤编译和安装: 1. 配置环境:运行...

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

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

    native app, hybrid app

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

Global site tag (gtag.js) - Google Analytics