JSBridge流程

                                                                                   JSBridge流程

思路来源:http://ios.jobbole.com/85973/

①App的webview加载指定url,加载成功后加载文件PluginConfig.json并将其对应的plugin实例化并保存到map中,再读取LDJSBridge.js.txt文件内容,然后App通过调用js方法的形式加载内容(webview.load)。

前端调用mapp.xxx.xxx调用JSAPI。

③JSAPI调用相应的方法,然后拼装url(ldjsbridge://xxx),最后创建一个iFrame并添加。

④App端拦截js的iFrame得到一个url,然后拦截获取类名,方法名,参数等,最后根据找到相应的plugin实例并处理。

⑤App处理完成后调用js的execGlobalCallback方法,js找到相应的回调方法并执行操作。

 

总结:App端通过webview调用js方法和App拦截js创建iFrame来实现webview和js的交互,核心是封装在app端的js协议,保证了交互的安全性。

JSBridge流程_第1张图片

你可能感兴趣的:(Android)