【Hybrid 笔记1】native 和 H5 之间的通信原理

Hybrid 就是 navtive 和 H5 结合的方案

如何实现 native 和 H5 之间的通信？

如图 APP 和 H5 之间可以通过 WebView 实现双向通信，而通过技术手段所实现的规范称为JSBridge

H5 通信 navtive

1. API 注入，APP 获取 JavaScript 的 context（window）对象，并在上面挂载方法或者对象，使得 js 可以直接获取并调用。

   APP API 注入是异步的，H5 没有办法捕捉准确的完成时机，像 wx 的 SDk 有提供 wx.ready 方法

2. WebView url scheme 拦截。

Native 通信 H5

1. 通过 WebView API 直接执行 Js 方法。

App中 H5 的接入方式

• 在线H5
• 内置包