经过WebView实现页面与ANDRIOD客户端的交互

时间 2019-11-16

标签经过 webview 实现页面 andriod 客户端的交互栏目职业生涯繁體版

原文原文链接

为了减小因为手机客户端的变动而形成的客户端反复更新，仍是决定采用WebView+页面的展现方式来做为最终的方案。也与一些作手机应用开发的一些朋友咨询过，大概也是采用相似的思路。 javascript

采用WebView的方式有个比较关键的问题须要解决，就是页面与Andriod客户端进行交互，只有实现交互才能够更好的控制手机客户端与web服务器间的通信，进行请求，应答的加密、压缩等等。 html

仍是老办法，在google上百度一下，一切就是那么简单。引用下面一段代码，看一下就明白了 java

看咱们的html文档： android

Html代码 web

<html> 服务器

/* This function is invoked by the activity */ post

function wave() { google

alert("1"); 加密

document.getElementById("droid").src="android_waving.png";

alert("2");

}

</script>

<body>

<a onClick="window.demo.clickOnAndroid()"><div style="width:80px;

margin:0px auto;

padding:10px;

text-align:center;

border:2px solid #202020;" >

Click me!

</div></a>

</body>

</html>

再看咱们的java 代码。

Java代码

public class WebViewDemo extends Activity {

private static final String LOG_TAG = ”WebViewDemo”;

private WebView mWebView;

private Handler mHandler = new Handler();

@Override

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

setContentView(R.layout.main);

mWebView = (WebView) findViewById(R.id.webview);

WebSettings webSettings = mWebView.getSettings();

webSettings.setSavePassword(false);

webSettings.setSaveFormData(false);

webSettings.setJavaScriptEnabled(true);

webSettings.setSupportZoom(false);

mWebView.setWebChromeClient(new MyWebChromeClient());

mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), ”demo”);

mWebView.loadUrl(“file:///android_asset/demo.html”);

}

final class DemoJavaScriptInterface {

DemoJavaScriptInterface() {

}

/**

* This is not called on the UI thread. Post a runnable to invoke

* loadUrl on the UI thread.

public void clickOnAndroid() {

mHandler.post(new Runnable() {

public void run() {

mWebView.loadUrl(“javascript:wave()”);

}

});

}

/**

* Provides a hook for calling ”alert” from javascript. Useful for

* debugging your javascript.

final class MyWebChromeClient extends WebChromeClient {

@Override

public boolean onJsAlert(WebView view, String url, String message, JsResult result) {

Log.d(LOG_TAG, message);

result.confirm();

return true;

}

仔细分析一下，核心就下面两句代码：

在java中应用WebView的addJavascriptInterface方法，创建java实例与javascript对象之间的映射。以下：

mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), ”demo”);

而后再javascript中经过window.demo直接进行java对象的访问