关于前端:Hybird混合开发

4次阅读

共计 355 个字符,预计需要花费 1 分钟才能阅读完成。

混合开发
h5 + native 混合开发 = hybird
app => webview => url ==== hybird
最大的特点是 h5 与 native 之间双向交互

通过微信 JSSDK 介绍 HyBird

h5 常常分享在微信聊天、朋友圈。

HyBird 最外围的局部,就是 native 和 h5 的双向通信,通信齐全依赖于 webview 容器
1、具体的通信模式是什么样子的呢?
2、webview 凭什么能够反对起 native 和 h5 的双向通信。

双向通信市面上目前两种形式:

  1. URL schema, 客户端通过拦挡 webview 中的申请来实现通信
  2. native 向 webview 的 js 执行环境中,给 window 对象挂载 api,以此来实现通信,

1. 原理
在 webview 中收回的网络申请,都会被客户端给监听到,给拦挡到。
这就是 url schema 这种模式实现的最根本的基石

正文完
 0