【quickhybrid】架构一个Hybrid框架（二）

【上一篇】

 

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

 

【下一篇】

正事说完了，在这里宣传一下朋友的店铺：一个新开的汉服的店铺，满足小时候披床单的愿望，男女都有哟。。。

店铺名称：汉衿凤韵，点击进店铺，欢迎选购哟，说明了解来源可以优惠！！！