为了账号安全,请及时绑定邮箱和手机立即绑定

【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版

【下一篇】

原文出处

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消