原生和H5的交互核心是:
JSBridge交互(采用基于WKWebView实现)
JSBridge就是定义Native和JS的通信,Native只通过一个固定的桥对象调用JS,JS也只通过固定的桥对象调用Native,交互原理如下图:
JSBridge实现思路:
实现流程:
详情见链接:https://quickhybrid.github.io/quickhybrid-doc/howto/quickhybrid_jsbridge/quickhybrid_jsbridge.html
目录介绍:
build // 构建项目的相关代码
dist // 发布目录
| |- quick.h5.js
| |- quick.js
| |- quick.native.js
examples // 官方案例
src // 核心源码
|- api // 各个环境下的api实现
| | |- h5 // h5下的api
| | |- native // quick下的api
| |- core // 核心控制
| | |- ... // 将核心代码切割为多个文件
| |- inner // 内部用到的代码
| |- util // 用到的工具类
|- test // 单元测试相关
最核心的是core文件夹:
文档链接:https://quickhybrid.github.io/quickhybrid-doc/