完整篇_JSBridge之调用流程
2016-09-23 16:08:11 0 举报
JSBridge是一种让JavaScript代码调用原生功能的方法,其调用流程主要包括以下步骤:首先,原生端在特定事件触发时,通过WebView的evaluateJavascript方法,将数据传递给JavaScript;然后,JavaScript接收到数据后,调用预先定义好的原生方法进行处理;最后,原生端接收到JavaScript的方法调用,执行相应的操作,并通过WebView的evaluateJavascript方法将结果返回给JavaScript。这种交互方式使得JavaScript能够直接与原生功能进行交互,提高了应用的灵活性和用户体验。
作者其他创作
大纲/内容
通过JSBridge注册本地方法
调用_handleMessageFromNative
添加到本地运行方法队列中sendMessageQueue
调用本地方法
原生方法执行完毕后通过JSBridge执行H5的回调函数
将对应方法的回调添加进入回调函数集合中responseCallbacks
添加到本地函数集合中messageHandlers
原生页面
H5本地注册方法集合
调用callHandler
触发原生scheme比如可以通过iframe.src来触发
调用JSBridge调用原生方法
捕获对应的url scheme
是
通过JSBridge主动调用H5方法
原生获取运行函数后清空队列
H5页面
是否H5已经注册方法
H5本地运行方法队列
调用失败可以进行提示
是否需要回调
否
通过JSBridge获取H5中的运行方法详情
H5本地回调函数集合
成功调用本地方法这时候没有回调
0 条评论
下一页