javascript - 一個關(guān)于客戶端和前端通信的疑惑?
問題描述
客戶端使用WebViewClient類的shouldOverrideUrlLoading方法來處理前端和客戶端的通信。這種情況下,前端如何知道客戶端的處理回調(diào)?情況如下:
前端發(fā)送一個既定協(xié)議的地址,比如獲取當(dāng)前的用戶jsbridge://bridge/userid
客戶端捕捉到這個加載然后開始執(zhí)行操作,比如往前端寫值javaScript:window.userId=12121
window.location.href = 'jsbridge://bridge/userid'console.log(window.userId) //這樣貌似拿不到userIdsetTimeout(function() { console.log(window.userId) //這樣就可以拿到了。}, 1000)
那這個種場景該怎么辦呢?
問題解答
回答1:我的理解,要想弄懂JSBridge,最終需要搞明白三件事,一個是H5如何調(diào)用Native,一個是Native如何調(diào)用H5,最后一個是兩者之間的回調(diào)。
H5如何調(diào)用Native,網(wǎng)上的的方法殊途同歸,就是在WebView加載H5頁面的時候會調(diào)用WebChromeClient或者是WebviewClient中的方法,選取其中的一個,來截取H5的數(shù)據(jù),交由Native處理
Native如何調(diào)用H5,歸根結(jié)底就是一條,webview.loadUrl(javascript:yourFunc(data););會把數(shù)據(jù)傳給H5并執(zhí)行H5中的yourFunc這個方法
兩者之間的回調(diào),即Native或者H5處理好對方的調(diào)用后,把結(jié)果返回給對方,供對方使用。本質(zhì)就是把調(diào)用函數(shù)Callback使用時間戳或者其他的唯一標(biāo)識通過Map組織起來,即Map(UniqueID,Callback),并把此唯一標(biāo)示UniqueID傳給對方函數(shù),對方執(zhí)行完畢后,會把這個唯一標(biāo)示UniqueID和返回數(shù)據(jù)data傳回來,然后通過這個UniqueID找到調(diào)用函數(shù)CallBack,然后執(zhí)行CallBack(data)
從你的描述中可以知道,你現(xiàn)在是迷失在第二點上了,你需要在H5中寫一個JS方法:
function getUseID(userid){console.log(userid);}
Native中拿到數(shù)據(jù)后,執(zhí)行:
webview.loadUrl(javascript:getUseID(userid););
H5中的getUseID方法就會被喚起執(zhí)行了,數(shù)據(jù)也成功從Native中接收到
假如是一個完備的JSBridge,上面的第三點是一定要考慮到的。
你這個是Android Hybrid開發(fā),需要一個JSBridge給你一個輪子,大頭鬼寫的:https://github.com/JerryMissT...推薦幾個Blog,看了還是不錯的
http://www.cnblogs.com/dailc/...
http://blog.csdn.net/qq_23547...
http://zjutkz.net/2016/04/17/...
相關(guān)文章:
1. docker綁定了nginx端口 外部訪問不到2. docker網(wǎng)絡(luò)端口映射,沒有方便點的操作方法么?3. docker容器呢SSH為什么連不通呢?4. thinkphp5.1學(xué)習(xí)時遇到session問題5. css - chrome瀏覽器input記錄上次cookie信息后,有個黃色背景~如何去除!6. nignx - docker內(nèi)nginx 80端口被占用7. angular.js - angular內(nèi)容過長展開收起效果8. macos - mac下docker如何設(shè)置代理9. php - 第三方支付平臺在很短時間內(nèi)多次異步通知,訂單多次確認(rèn)收款10. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?
