Skip to content

综述

该方案原意在替换客户端排版引擎,放弃原生解析 HTML 文本结构转原生组件的方案,从而降低维护成本。

简单来说,采用原生提供的浏览器(WebView)组件的实现,可称为混合应用(HybridApp )技术,它介于 Web App 和 Native App 之间,兼具 Native App 的良好体验,与 Web App 跨平台开发的优势。

混合应用

HybridApp 混合应用指的是,同时使用网页前端技术和原生技术开发的 App,通常由网页负责部分界面开发和业务逻辑,原生提供给前端调用的函数/接口,两者以 WebView 作为媒介建立通信,既拥有 Web 开发的速度又是,又能拥有强大的原生能力。

从前端开发者角度,将它理解为运行在浏览器中的程序,除了常规 API 外,还有额外提供了调用原生的 API;

HybridAppFramework

从原始开发者角度,将它理解为原生 App 组件,这个组件将原生功能封装成 API 实例化到 WebView 组件中,然后将前端工程产出的文件打包进项目中,启动时加载前端页面;

为避免重复造轮子,和提供更多的组件交互功能,基于这项技术的一些框架 React NativeCordovaIonicFramework7 便诞生了,它们能很好地解决混合式应用带来的门槛高、调试难等问题。

参考

如何开发混合式app?