Hybrid这个词,在App开发领域,相信大家都不陌生。Hybrid App是指介于web-app、native-app这两者之间的app,它虽然看上去是一个Native App,但只有一个UI WebView,里面访问的是一个Web App。Hybrid在移动领域的发展,可以说经历了大致3个阶段:

1、早期的Web App(2000年~2010年)

在智能手机还未普及的早期,移动应用主要以基于网页技术的WAP应用为主。这些应用运行在简化的浏览器中,通过HTML、CSS和JavaScript来实现功能。随着智能手机的普及,开发者开始通过WebView组件,Web App可以嵌入原生应用中,同时获得一些原生功能的访问权限。这个时间段,Hybrid技术在移动领域的应用已经具备跨平台的雏形,但性能和用户体验方面仍有限制。

2、Hybrid App的兴起(2010年代中期)

随着HTML5技术的发展,移动浏览器能够提供更多原生功能支持,如本地存储、地理位置、摄像头等。开发者开始将原生代码和Web技术结合,创建了更接近原生应用体验的混合应用。这种模式使得开发跨平台应用变得更加容易。

3、跨端开发框架的繁荣发展(2010年代末 - 2020年代初)

最初是PhoneGap(现在称为Cordova)、Ionic,随后是React Native、VUE、Flutter等,这些框架允许开发者使用Web技术创建应用,然后通过框架提供的工具将其转换为原生应用。跨端开发框架的应用,进一步提高了性能和用户体验,同时仍然保持了跨平台的优势。

近年来,混合应用技术仍在不断发展,除了各种框架和工具不断涌现,原生应用和Progressive Web App(PWA)等技术也在影响混合应用的发展方向。

“小程序化”,一种创新的 Hybird App开发模式

微信小程序自2017年推出以来,其生态系统得到了迅速的发展和壮大。作为中国最大的社交平台之一,微信拥有庞大的用户基础。微信小程序作为微信生态系统的一部分,自然而然地吸引了大量用户。据对公开资料进行统计,2021年全网小程序数量已超700万,其中微信小程序开发者突破300万,小程序DAU已超4.5亿;日均使用次数同比增长32%,活跃小程序则增长41%,小程序生态已塑造出新的增长空间。
小程序容器技术的出现,能够让企业的App能具备运行小程序的能力,形成「Native+小程序」的创新App开发模式。其优势也是非常明显的:

  • 具备跨平台的能力:一套小程序代码可以在 iOS 与 Android 两个端(甚至在手机以外的多种终端,包括 Linux、Windows、MacOS、麒麟等操作系统上运行);

  • 远超 H5 的体验(支持本地缓存,Webview,有丰富的组件与支持库);

  • 能获取更多系统权限,完成更加丰富的产品设计;

  • 可以避免 DOM 泄露;

  • 包尺寸有效减少,节省流量和存储

  • 支持热更新,让服务不再受发版所限制

借助微信小程序的生态加持,小程序容器技术作为一种跨端连接技术,得到广泛的应用和认可。

创新性的跨端框架

相比于传统的原生应用开发技术,小程序技术具有轻量、快速开发、跨平台、无需安装、更便于用户使用等优势。小程序不需要用户下载安装即可使用,同时小程序的开发成本相对更低,开发速度更快,也更易于维护更新。小程序技术还支持跨平台运行,可以同时在多个移动设备上运行,极大地扩展了应用的覆盖范围,为企业和开发者带来更大的商业价值。市面上一些比较知名的小程序容器技术产品包括:微信、支付宝、百度、抖音小程序等,他们都是以完善大社交平台自有小程序生态的技术底座,能提供第三方进行私有化部署的有:FinClip等产品。据了解,FinClip 自行研发的小程序容器技术,能够让企业的App能具备快速运行小程序的能力,他们家的SDK还能嵌入除App以外的智能设备终端中(如 Linux、Windows、MacOS、麒麟等操作系统上运行)。

小程序容器作为微信生态系统的一部分,为开发者提供了一个稳定、高效的运行环境,让开发者可以更专注于应用程序的功能和用户体验。微信生态系统的庞大用户基础和丰富的开发者社区,为开发者和企业提供了广阔的商机和合作伙伴。通过跨端开发、小程序容器和微信生态的结合,开发者可以快速迭代、高效开发和部署应用程序,提供更好的用户体验,同时获得更广泛的市场覆盖和商业机会。

没有最好,只有最合适

开发项目只有最合适的选择,而没有绝对最好的框架。每个项目都有自己的独特需求、团队背景和时间限制,因此,在选择合适的框架时需要仔细权衡各种因素。在移动应用开发领域,不断涌现的技术创新不仅丰富了用户体验,也为开发者提供了更多选择和灵活性。随着移动互联网的不断发展,诸如小程序容器技术、跨端框架和Hybrid App等技术正成为引领未来的重要趋势。

小程序容器技术的出现,为企业和开发者提供了一个轻量级的解决方案,使得应用能够在不同平台上进行快速部署和传播。通过借助小程序容器,用户无需下载安装即可体验应用,从而降低了用户的使用门槛,同时也减轻了开发者的维护负担。这种模式的兴起,进一步推动了跨端框架的发展。

跨端框架的出现,弥补了传统移动应用开发中跨平台难题。开发者可以使用一套代码构建适用于多个平台的应用,既能在不同设备上保持一致的用户体验,又能更高效地进行开发和维护。这种开发模式不仅提升了开发效率,还为用户提供了更加一致的应用体验。

一种创新的 Hybird App 技术开发模式的更多相关文章

  1. 认识Web前端、Web后端、桌面app和移动app新开发模式 - 基于Node.js环境和VS Code工具

    认识Web.桌面和移动app新开发模式 - 基于Node.js环境和VS Code工具 一.开发环境的搭建(基于win10) 1.安装node.js和npm 到node.js官网下载安装包(包含npm ...

  2. Hybird App 应用开发中5个必备知识点复习

    前言 我们大前端团队内部 ?每周一练 的知识复习计划还在继续,本周主题是 <Hybird APP 混合应用专题> ,这期内容比较多,篇幅也相对较长,每个知识点内容也比较多. 之前分享的每周 ...

  3. hybird app混合开发介绍

    一 概念 1 Hybird App,是用现有前端(html,js,css)技术来开发的app.特点:1 灵活(开发灵活 ,部署灵活) 2 拥有类似原生的性能体验. 2 不是h5页面,也不是在webvi ...

  4. (一)Hybrid app混合开发模式

    hybrid app是什么? 这里我们先看一下词条上的定义 Hybrid App:Hybrid App is a mobile application that is coded in both br ...

  5. APP的三种开发模式

    转载于http://pleasureswx123.github.io/2014/09/15/APP%E7%9A%84%E4%B8%89%E7%A7%8D%E5%BC%80%E5%8F%91%E6%A8 ...

  6. App原生、混合、纯WEB开发模式的优劣分析

    什么叫做原生App? 什么是混合app? 什么是Web App开发? Native App开发即我们所称的传统APP开发模式(原生APP开发模式),该开发针对IOS.Android等不同的手机操作系统 ...

  7. 开发框架-APP:Hybird App

    ylbtech-开发框架-APP:Hybird App Hybrid App(混合模式移动应用)是指介于web-app.native-app这两者之间的app,兼具“Native App良好用户交互体 ...

  8. 什么是APP???APP的开发类型又分哪几种???

    开发者们都知道在高端智能手机系统中有两种应用程序: 一种是基于本地(操作系统)运行的APP —-Native App: 一种是基于高端机的浏览器运行的App —-WebApp因为这些高端智能手机(Ip ...

  9. 用ionic快速开发hybird App(已附源码,在下面+总结见解)

    1.ionic简介 ionic 是用于敏捷开发APP的解决方案.核心思路是:利用成熟的前端开发技术,来写UI和业务逻辑.也就是说,就是一个H5网站,这个区别于react-native,native.即 ...

  10. Hybrid App 开发模式

    开发移动App主要有三种模式:Native. Hybrid 和 Web App. 需要注意的一点是在选择开发模式的时候,要根据你的项目类型(图片类?视频类?新闻类?等),产品业务和人员技术储备等做权衡 ...

随机推荐

  1. 2020-10-11:一条sql语句执行时间过长,应该如何优化?从哪些方面进行优化?

    福哥答案2020-10-11:#福大大架构师每日一题# 简单回答:执行计划调优.语句调优.索引调优.设计调优.业务调优. 中级回答:时间有限,回答得不全面.1.执行计划调优熟读执行计划,十大参数. 2 ...

  2. vue全家桶进阶之路49:Vue3 环境变量

    vue3 环境变量 在Vue3中,可以通过环境变量来管理应用程序中的配置.这些配置可以包括后端API的URL.API key.跟踪ID等等.在不同的开发.测试.生产环境中使用不同的配置是非常有用的.V ...

  3. Module not found: Error: Can‘t resolve ‘js-cookie‘

    Module not found: Error: Can't resolve 'js-cookie' 原因:没有安装js-cookie 解决:npm install -save js-cookie

  4. pg_enterprise_views偶然发现的PG神仙插件!

    一直从事数据库相关的工作,对于PG而言最大的问题其实是在运维管理方面,其缺乏有效且直观成体系的系统表,苦觅良久,今日在PG官网中发现了一款新收录的免费插件,其提供了数十张系统表,内容涵盖了从操作系统到 ...

  5. 使用openresty替换线上nginx网关之openresty安装细节

    背景 线上跑了多年的一个网关业务,随着部门的拆分,逐渐有了一个痛点.该网关业务主要处理app端请求,app端发起的请求,采用http协议,post方法,content-type采用applicatio ...

  6. http_basic认证(401)爆破

    Http Basic认证(401)爆破 hydra,burpsuit 在thm:https://tryhackme.com/room/toolsrus 遇到了这个问题,但这个用的工具是hydra,想起 ...

  7. Access+Trunk 配置

    实验拓扑 实验需求 按图示给各 PC 配置 IP 地址 在SW1和SW2上创建聚合组 PC1 与 PC3 属于 VLAN 10 : PC2 与 PC4 属于 VLAN 20 利用 Access 与 T ...

  8. 聊聊Flink必知必会(二)

    Checkpoint与Barrier Flink是一个有状态的流处理框架,因此需要对状态做持久化,Flink定期保存状态数据到存储空间上,故障发生后从之前的备份中恢复,这个过程被称为Checkpoin ...

  9. 【python基础】函数-参数形式

    鉴于函数定义中可能包含多个形参变量,因此函数调用中也可能包含多个实参变量.向函数传递实参变量给形参变量的方式有很多,可使用位置参数,这要求实参变量的顺序与形参变量的顺序相同:也可使用关键字参数,都由变 ...

  10. 深入Python网络编程:从基础到实践

    Python,作为一种被广泛使用的高级编程语言,拥有许多优势,其中之一就是它的网络编程能力.Python的强大网络库如socket, requests, urllib, asyncio,等等,让它在网 ...