盘点|混合开发Hybrid App的优劣

2022-11-18 16:17:20 浏览数 (3)

随着5G技术的发展和移动终端普及,移动设备的便捷性和网络的泛在化,移动应用已广泛应用于电子商务、电子政务、医疗和辅助教学中。

智能手机等移动终端的存储、运算能力不断增强,但其显示、输入等不如PC灵活,对操作界面灵活性有强烈的要求。

移动终端的操作系统比较多,目前流行的有Android、iOS、WindowsMobile等。

移动应用可以看作是PC端的补充,移动应用的便捷化、实时性已成为企业管理、电子商务、电子政务、交互式教学的重要工具。

目前已经有众多HybridAPP开发成功应用,比如美团、淘宝、爱奇艺、微信等知名移动应用都是采用HybridAPP开发模式。

移动端的开发方式三分天下

目前移动应用程序按开发模式可分为NativeAPP和HybridAPP、WebAPP三大模式。

NativeAPP开发模式

即原生开发模式,是一种传统的开发模式,他本质上是基于移动操作系统开发的,可以直接操控本机资源,如摄像头、短信、电话本、本地数据库等,在应用性能上和交互体验上是最好的,但可移植性差,需要为不同操作系统单独开发独立版本(且不同版本直接很少复用代码),开发成本大。

WebAPP移动端

是基于Web的系统和应用,一切资源从服务器加载,加载慢相应速度慢,用户需要输入网址问题,但开发速度快、开发成本低和跨平台性。

Web技术本身需要浏览器的支持才能进行展示和用户交互,因此主要用到的技术是HTML5、Javascript、CSS等,只需要在Android和iOS直接写个壳就好了,大大减小了开发成本,而且Web是实时渲染的,即使有Bug,可以直接发布就好了。

Hybrid app

混合移动应用开发模式是指在进行移动应用的开发时,同时处用程序语言及网页语言实施应用的开发,其兼顾原生开发及Web开发的特点和优势,使应用既具完全设备访问能力,保障了用户的体验度,同时又打破了各平台间的限制,实现了跨平台开发,是当前移动应用的主要开发模式

在开发一款App产品的时候,为了提高效率、节省成本而利用原生与H5的开发技术的混合应用,更通俗的讲由“HTML5云网站 APP应用客户端”构成的App是混合开发。

后来随着微信、支付宝、百度等超级App大力发展小程序,我们也逐渐把“小程序 APP应用客户端”纳入到混合开发的范围内。

混合开发模式的主流技术有:Cordova、ReactNative、WEEX、AppCan、基于Android系统Java语言/iOS系统C语言的WebView开发等。

今天主要分析混合开发(HybridApp)的优劣势以及一些经验的分享。

一、优势

1、可离线运行。

2、比Web版实现功能多;

3、兼顾了部分原生的优秀操作体验;

4、代码维护方便、版本更新快,节省产品成本;

5、开发效率高,节约时间。同一套代码Android和iOS基本上都可使用;

6、更新和部署较便捷,每次升级版本只需在服务器端升级即可,无需上传到AppStore审核;

二、劣势

1、既懂原生开发又懂H5开发的高端人才难找。

2、功能/界面无法自定:所有内容都是固定的,不能换界面或增加功能;

3、加载缓慢/网络要求高:混合APP数据需要全部从服务器调取,每个页面都需要重新下载,因此打开速度慢,网络占用高,缓冲时间长,容易让用户反感;

4、安全性比较低:代码都是以前的老代码,不能很好地兼容新手机系统,且安全性较低,网络发展这么快,病毒这么多,如果不实时更新,定期检查,容易产生漏洞,造成直接经济损失;

混合开发的应用场景

哪些条件和情况选择混合开发是具有较高性价比呢?哪些行业或场景是适合于混合开发模式的呢?

如果单从技术角度分析的话,许多企业都已经拥有Web开发技能,选择混合开发方法,在合适解决方案的支持下,Web开发者只要仅仅运用HTML、CSS和JavaScript等Web技能就能构建App,并且使用Web语言编写的所有代码都可以在不同的移动平台之间共享,使得开发和日常维护过程变得集中式、更简短、更经济高效。

许多分析师也预测,混合开发未来也可能会成为开发前端App的默认技术。

混合开发APP适合于网络型应用,数据存放于服务器。因网络安全限制,不能像PC端的C/S模式桌面应用采用RPC(远程过程调用),而是采用AJAX在ServerAPI和WebAPP之间传递数据。

一些需要经常性开展更新内容的App是非常适合混合开发模式的,另外对于小型团队来讲开发混合应用也是值得优先考虑的,首先是技术难度要求较低,其次开发的时间周期更短利于后续的维护。

更优质的混合开发模式

相较于其他开发模式来说混合开发也有较为明显的问题,其中之一就是H5页面会经常出现白屏卡顿等问题,这是HTML5的通病。

借鉴互联网巨头的经验现在可以以小程序来替代混合开发中 H5 页面承载的业务,

相较于H5主要的优势如下:

  • 包尺寸有效减少,节省流量和存储;
  • 服务不再受发版所限制,支持热更新;
  • 能获取更多系统权限,完成更加丰富的产品设计;
  • 远超过 H5 的体验(支持本地缓存,Webview,有丰富的组件与支持库);
  • 可以避免 DOM 泄露(不使用常用的 window 对象与 document 对象);

技术原理就是以非入侵性的方式把 FinClipSDK 嵌入到现有的 App,让App 具备小程序运行能力,从而转变为「原生 小程序」的混合开发模式。

结语

总而言之,混合移动应用开发模式是当前移动应用的主流开发模式,其门槛低、具跨平台优势,实用且可伴随科学技术的发展而不断得到改进,极适用于移动应用的开发。

相信小程序替代混合开发中 H5 页面承载的业务也会越来越受开发者的关注和认可,让我们拭目以待!

0 人点赞