【上一篇】

原生和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/

github上的源码：Android版    IOS版

【下一篇】

原文出处