JSBridge原理

JSBridge就是Native和js之间的桥梁,支持两者之间互相调用。

双向通道:

JS向Native发消息:调用Native的功能,拍照,扫码,定位等
Native向JS发消息:返回小勇结果,推送消息,通知JS当前Native状态等

原理:

JS调用Native的常见方法有3种:

1. 注入API 注入API,是通过WebView,向JavaScript的Context(window)上注入对象或方法,js直接调用注入的方法,即可执行Native的功能

2. 拦截URL Scheme wx://ht/xxx?data=aa JS发送URL Scheme请求,类似于浏览器中的URL请求,可以使用location.href或者iframe.src,然后Native拦截请求,
根据URL Scheme中的参数,包括函数名callback等,进行相关操作。一般会用一个隐藏的iframe的src操作,请求发出后,删除iframe

Native调用JavaScript

IOS和android都有相应的方法,可以执行js代码。若要执行一个WebView内部的方法,需要将该方法挂在全局对象window上。

3. 重写 prompt 等原生 JS 方法

andorid和ios可以拦截 alert、confirm、prompt、console.log 这些方法,js调用propmt方法,并且指定格式,andorid和ios重写该方法,拦截指定格式,调用原生方法。

posted @ 2020-05-19 20:14  全玉  阅读(1010)  评论(0编辑  收藏  举报