javascript - 一个关于客户端和前端通信的疑惑?
大家讲道理
大家讲道理 2017-05-16 13:27:34
0
1
530

客户端使用WebViewClient类的shouldOverrideUrlLoading方法来处理前端和客户端的通信。这种情况下,前端如何知道客户端的处理回调?
情况如下:

  1. 前端发送一个既定协议的地址,比如获取当前的用户jsbridge://bridge/userid

  2. 客户端捕捉到这个加载然后开始执行操作,比如往前端写值javaScript:window.userId=12121

window.location.href = "jsbridge://bridge/userid" console.log(window.userId) //这样貌似拿不到userId setTimeout(function() { console.log(window.userId) //这样就可以拿到了。 }, 1000)

那这个种场景该怎么办呢?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复 (1)
Peter_Zhu

我的理解,要想弄懂JSBridge,最终需要搞明白三件事,一个是H5如何调用Native,一个是Native如何调用H5,最后一个是两者之间的回调。

  • H5如何调用Native,网上的的方法殊途同归,就是在WebView加载H5页面的时候会调用WebChromeClient或者是WebviewClient中的方法,选取其中的一个,来截取H5的数据,交由Native处理

  • Native如何调用H5,归根结底就是一条,webview.loadUrl(javascript:yourFunc(data););会把数据传给H5并执行H5中的yourFunc这个方法

  • 两者之间的回调,即Native或者H5处理好对方的调用后,把结果返回给对方,供对方使用。本质就是把调用函数Callback使用时间戳或者其他的唯一标识通过Map组织起来,即Map(UniqueID,Callback),并把此唯一标示UniqueID传给对方函数,对方执行完毕后,会把这个唯一标示UniqueID和返回数据data传回来,然后通过这个UniqueID找到调用函数CallBack,然后执行CallBack(data)

从你的描述中可以知道,你现在是迷失在第二点上了,你需要在H5中写一个JS方法:

function getUseID(userid){ console.log(userid); }

Native中拿到数据后,执行:

webview.loadUrl(javascript:getUseID(userid););

H5中的getUseID方法就会被唤起执行了,数据也成功从Native中接收到

假如是一个完备的JSBridge,上面的第三点是一定要考虑到的。

你这个是Android Hybrid开发,需要一个JSBridge
给你一个轮子,大头鬼写的:
https://github.com/JerryMissT...
推荐几个Blog,看了还是不错的

  • http://www.cnblogs.com/dailc/...

  • http://blog.csdn.net/qq_23547...

  • http://zjutkz.net/2016/04/17/...

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!