hybrid模式是啥(hybridmode是什么)

您好,今天小柳来为大家解答以上的问题。hybrid模式是啥相信很多小伙伴还不知道,现在让我们一起来看看吧！

hybrid模式是啥(hybridmode是什么)

1、跨终端移动开发是近期准备总结的一个主题，作为这一系列的开始，首先简单说说基于WebView的Hybrid混合开发模式。

2、有过混合应用开发经验的同学，对基于WebView的Hybrid开发模式应该不会陌生。

3、借助于原生端各平台的WebView组件，可以实现Native和JaScript的双向通信，从而将Web App与Mobile App融合起来，开启混合开发的新模式。

4、基于WebView的Hybrid开发模式到如今已经非常成熟，不再是一个实验性新技术，而是广泛应用在各大厂商的平台型应用如微信、手Q中。

5、JSBridge作为连接Native和JaScript的桥梁，是基于WebView的Hybrid开发模式中的关键点。

6、在了解其通信原理后，再来看JSBridge究竟是什么。

7、从前端角度来看，可能会把JSBridge理解为业务开发过程中，以全局变量注入到WebView中，帮助调用原生API的JaScript工具库。

8、这样的理解不够准确，按照我的理解，JSBridge不是一个标准的规范，基于原生系统为WebView组件提供的能力，已经可以建立起WebView JaScript bridge，即使不再做更高程度的封装，也可以完成从Native到JaScript的双向通信了。

9、我们所说的JSBridge，是对底层通道的抽象封装，这一过程包括了原生和JaScript两侧内容，在原生端需要考虑系统API异，对上层调用提供统一接口，在JaScript端需要考虑调用方式，请求管理等内容。

10、JSBridge的设计实现已经是成熟技术了，其设计可以参考 In-depth Profiling of JSBridge 、 Hybrid APP架构设计思路 ，一个安卓端完整JSBridge实现可以参考 JsBridge实现 。

11、目前，基于WebView的Hybrid开发模式非常成熟，广泛应用于各类平台型App中。

12、实现一个完善的JSBridge是在现有App中集成使用Hybrid开发模式的基础，在完成这一基础设施建设后，大家继续在各个方向深挖，在不同的维度不断优化性能和体验。

13、多数App的Hybrid部分做到上面部分，已经有了还不错的体验。

14、在我的了解中，空间团队在上面基础上继续优化给出的是当前做的更好的方案。

15、其主要流程如下图所示，详细内容可以参考 QQ空间前端工程师如何做首屏优化除了在现有App中集成使用这一开发模式，还可以使用这一技术开发独立App。

本文到这结束，希望上面文章对大家有所帮助。