==============
JS Bridge实际上就是一段JS代码,里面封装好H5访问原生的方法
,原生访问H5的方法
,即可作为一个“桥”架在 H5
和 原生
中间。
2 JS Bridge技术实现
要实现JS Bridge,我们需要按以下步骤进行:
(注:本篇文章基于Android6以上,以阐述原理为主)
- 第一步:定义一个Native与JS交互的全局桥对象
- 第二步:JS调用Native
- 第三步:Native接收JS传递过来的参数
- 第四步:Native返回数据给JS
- 第五步:JS接收原生传递过来的参数
- 第六步:回调事件处理
2.1 全局桥对象
定义全局桥对象。
后续,我们需要用它来访问我们定义的与原生“通讯”方法。
var JSBridge = window.JSBridge || (window.JSBridge = {})
2.2 JS调用原生
关于JS如何主动调用原生,Android官方封装了接口。
首先需要创建JS访问原生的命名空间:
webView.addJavascriptInterface(this, "androidPlatform");