继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【quickhybrid】架构一个Hybrid框架(二)

狐的传说
关注TA
已关注
手记
粉丝 88
获赞 555

【上一篇】


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

【下一篇】

原文出处

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP