如何开发混合式app?

版权声明:@蓝海汇 版权所有 https://blog.csdn.net/qq_43393656/article/details/85121794

HybridApp(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。

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

HybridApp:HybridApp is a mobile application that is coded in both browser-supported languageand computer language.

They are available through application distributionplatforms such as the Apple App Store, Google Play etc. Usually, they aredownloaded from the platform to a target device, such as iPhone, Android phoneor Windows Phone. The subscribers need to install to run them.

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

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

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

3、available throughapplication 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跨平台开发低成本的优势

在这里插入图片描述

“云”时代的来临正在改变App和运营团队之间的关系,一场不能避免的变革正在进行。鉴于移动终端的局限性,移动终端上的APP由本地化应用(Native App),到基于WEB的应用Web App,再到混合型应用(Hybrid APP),这一连串的变化都源于技术的更新和市场的需要。

Hybrid App按网页语言与程序语言的混合,通常分为三种类型:多View混合型,单View混合型,Web主体型。

【多View混合型】

即Native View和Web View独立展示,交替出现。

2012年常见的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(cordova)和国内的WeX5、AppCan和Rexsee都属于Web主体型移动应用中间件。

其中Rexsee不支持跨平台开发。appMobi和PhoneGap(cordova)除基础的底层能力更多是通过插件(Plugins)扩展的机制实现Hybrid。AppCan除了插件机制,还提供了大量的单View混合型的接口来完善和弥补Web主体型Hybrid App体验差的问题,接近Native App的体验。

而WeX5则在揉合PhoneGap(cordova)和Bootstrap等主流技术的基础上,对性能进一步做了深度优化,不但完全具备Native App对本地资源的调用能力,性能体验也不输原生;WeX5所开发出来的app具备完全的跨端运行能力,可以无需任何修改直接运行在各种前端环境上。

【多主体共存型——灵活型】

这是一种新型的开发模式,即支持Web主体型的应用,又支持以Native主体的应用,也支持两者混合的开发模式。

比如kerkee框架,它具有跨平台、用户体验好、性能高、扩展性好、灵活性强、易维护、规范化、具有Debug环境、彻底解决跨域问题等特点。用户体验与Native App媲美。功能方面,开发者可随意扩展接口。

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

出品丨蓝海汇(ID:lanhaihui2015)
转载请联系授权

猜你喜欢

转载自blog.csdn.net/qq_43393656/article/details/85121794