java交互_vue Java 交互

#JsBridge

inspired and modified from this and wechat jsBridge file, with some bugs fix and feature enhancement.

This project make a bridge between Java and JavaScript.

It provides safe and convenient way to call Java code from js and call js code from java.

I strongly recommend https://jitpack.io

repositories {//...maven { url"https://jitpack.io"}}dependencies {    compile'com.github.lzyzsd:jsbridge:1.0.4'}

add com.github.lzyzsd.jsbridge.BridgeWebView to your layout, it is inherited from WebView.

webView.registerHandler("submitFromWeb",newBridgeHandler() {@Overridepublicvoidhandler(Stringdata,CallBackFunctionfunction) {Log.i(TAG,"handler = submitFromWeb, data from web ="+data);            function.onCallBack("submitFromWeb exe, response data from Java");        }    });

js can call this Java handler method "submitFromWeb" through:

WebViewJavascriptBridge.callHandler('submitFromWeb', {'param':str1}        ,function(responseData) {document.getElementById("show").innerHTML="send get responseData from java, data ="+responseData        }    );

You can set a default handler in Java, so that js can send message to Java without assigned handlerName

webView.setDefaultHandler(newDefaultHandler());

window.WebViewJavascriptBridge.send(        data        ,function(responseData) {document.getElementById("show").innerHTML="repsonseData from java, data ="+responseData        }    );

WebViewJavascriptBridge.registerHandler("functionInJs",function(data,responseCallback) {document.getElementById("show").innerHTML=("data from Java: ="+data);varresponseData="Javascript Says Right back aka!";responseCallback(responseData);    });

Java can call this js handler function "functionInJs" through:

webView.callHandler("functionInJs",newGson().toJson(user),newCallBackFunction() {@OverridepublicvoidonCallBack(Stringdata) {        }    });

You can also define a default handler use init method, so that Java can send message to js without assigned handlerName

for example:

bridge.init(function(message,responseCallback) {console.log('JS got a message', message);vardata={'Javascript Responds':'Wee!'};console.log('JS responding with', data);responseCallback(data);    });

webView.send("hello");

will print 'JS got a message hello' and 'JS responding with' in webview console.

This lib will inject a WebViewJavascriptBridge Object to window object. So in your js, before use WebViewJavascriptBridge, you must detect if WebViewJavascriptBridge exist. If WebViewJavascriptBridge does not exit, you can listen to WebViewJavascriptBridgeReady event, as the blow code shows:

if(window.WebViewJavascriptBridge) {//do your work here}else{document.addEventListener('WebViewJavascriptBridgeReady',function() {//do your work here},false);    }