Android与WebWiew的同步和异步访问机制

通过WebView可以在Android客户端用Web开发的方式来开发我们的应用。其实就只需要通过html和javascript来跟服务器交互就可以了。

1）首先定义一个布局，就是一个WebView:

<linearlayout xmlns: android = "http://schemas.android.com/apk/res/android"

android: layout_width = "match_parent"

android: layout_height = "match_parent"

android: orientation = "vertical" >

<webview android: id = "@+id/html5_webview"

android: layout_width = "match_parent"

android: layout_height = "match_parent" >

</webview>

</linearlayout>

2) 在对应的Activity中，对WebView进行一些初始化

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

WebSettings webSettings = mWebView.getSettings();

WindowsAutomatically (webSettings.setJavaScriptEnabled (true)); //告诉WebView让它能够去执行JavaScript语句

webSettings.setLayoutAlgorithm (LayoutAlgorithm.NOMAL) ;

mWebView.setWebChromeClient (new WebServerChromeClient()) ;

mWebView.setWebViewClient (new WebServerChromeClient()) ;

mWebView.setVerticalScrollBarEnabled (false) ;

mWebView.reguestFocusFromTouch() ;

mWebView.addJavaScriptInterface (new AppJavascriptInterface(), "nintf") ;

这个JavascriptInterface则是android原生环境和javascript交互的另一个窗口，将我们自定义的AppJavascriptInterface类，调用mWebView的addJavascriptInterface方法，可以将这个对象传递给mWebView中Window对象的nintf属性（“nintf”这个属性名称是自定义的）之后，可直接在javascript中调用这个Java对象的方法。

3） Html中的javascript是如何跟android原生环境来交互的｛同步，异步｝

同步访问：

在JavaScript中，我们定义了这样一个方法，如下：

var exec = function (service, action, args) {

var json = { "service": service, "action": action } ;

var result_str = prompt (JSON.stringify (json).args) ;

var result;

try {

result = JSON.parse (result_str);

} catch (e) {

console.error (e.message); }

var status = result.status;

var message = result.message;

　if (status == 0) {

return message ;

　 } else {

console.error( "service:" + service + "action: " + action +　＂ｅｒｒｏｒ：＂＋　ｍｅｓｓａｇｅ)；

　　　　　}

　　　}

对此方法调用：　ｅｘｅｃ（＂Ｔｏａｓｔ＂，＂ｍａｋｅＴｅｘｔＳｈｏｒｔ＂，　ＪＳＯＮ．ｓｔｒｉｎｇｉｆｙ（ｔｅｘｔ））；

　　　　　　　　ｃｌａｓｓ　ＷｅｂＳｅｒｖｅｒＣｈｒｏｍｅＣｌｉｅｎｔ　ｅｘｔｅｎｄｓ　ＷｅｂＣｈｒｏｍｅＣｌｉｅｎｔ　{

　　　　　　　　　　　＠ｏｖｅｒｒｉｄｅ

　　　　　　　　　　　ｐｕｂｌｉｃ　ｂｏｏｌｅａｎ　ｏｎＪｓＰｒｏｍｐｔ（ＷｅｂＶｉｅｗ　ｖｉｅｗ，　Ｓｔｒｉｎｇ　ｕｒｌ，　Ｓｔｒｉｎｇ　ｍｅｓｓａｇｅ，Ｓｔｒｉｎｇ　ｄｅｆａｕｌｔＶａｌｕｅ，ＪｓＰｒｏｍｐｔＲｅｓｕｌｔ　ｒｅｓｕｌｔ）{

　　　　　　　　　　　Ｓｙｓｔｅｍ．ｏｕｔ．ｐｒｉｎｔｌｎ（＂ｏｎＪｓＰｒｏｍｐｔ：ｄｅｆａｕｌｔＶａｌｕｅ：＂＋ｄｅｆａｕｌｔＶａｌｕｅ＋＂１＂＋ｕｒｌ＋＂，＂＋ｍｅｓｓａｇｅ）；

ＪＳＯＮＯｂｊｅｃｔ　ａｒｇｓ　＝　ｎｕｌｌ；

ＪＳＯＮＯｂｊｅｃｔ　ｈｅａｄ　＝　ｎｕｌｌ；

ｔｒｙ{

　　　　ｈｅａｄ　＝　ｎｅｗ　ＪＳＯＮＯｂｊｅｃｔ（ｍｅｓｓａｇｅ）；

　　　　ａｒｇｓ　＝　ｎｅｗ　ＪＳＯＮＯｂｊｅｃｔ（ｄｅｆａｕｌｔＶａｌｕｅ）；

　　　　Ｓｔｒｉｎｇ　ｅｘｅｃＲｅｓｕｌｔ　＝　ｍＰｌｕｇｉｎＭａｎａｇｅｒ．ｅｘｅ（ｈｅａｄ．ｇｅｔＳｔｒｉｎｇ（ＩＰｌｕｇｉｎＡＣＴＩＯＮ），ａｒｇｓ）；

　　　　ｒｅｓｕｌｔ．ｃｏｎｆｉｒｍ（ｅｘｅｃＲｅｓｕｌｔ）；

　　　　ｒｅｔｕｒｎ　ｔｒｕｅ；

　　　}．．．．

}

当ＯｎＪｓＰｒｏｍｐｔ方法返回ｔｒｕｅ时，说明ＷｅｂＣｈｒｏｍｅＣｌｉｅｎｔ已处理了这个prompt事件。

异步访问：

　　ｖａｒ　ｅｘｅｃ．ａｓｙｎ＝ｆｕｎｃｔｉｏｎ（ｓｅｒｖｉｃｅ，ａｃｔｉｏｎ，ａｒｇｓ，ｓｕｃｃｅｓｓ，ｆａｉｌ）

　　{

　　　　ｖａｒ　ｊｓｏｎ＝{＂ｓｅｒｖｉｃｅ＂：ｓｅｒｖｉｃｅ，　＂ａｃｔｉｏｎ＂：ａｃｔｉｏｎ}；

　　　　ｖａｒ　ｒｅｓｕｌｔ＝　ＡｎｄｒｏｉｄＨｔｍｌ５．ｃａｌｌＮａｔｉｖｅ（ｊｓｏｎ．ａｒｇｓ，ｓｕｃｃｅｓｓ，ｆａｉｌ）；}

我们会调用ＡｎｄｒｏｉｄＨｔｍｌ５的ｃａｌｌＮａｔｉｖｅ，此方法有四个参数：

ａ）ｊｓｏｎ：调用的服务和操作

ｂ）ａｒｇｓ：对应的参数数

ｃ）ｓｕｃｃｅｓｓ：成功时的回调方

ｄ）ｆａｉｌ：失败时的回调方

调用如下：

ｖａｒ　ｓｕｃｃｅｓｓ　＝　ｆｕｎｃｔｉｏｎ（ｄａｔａ）{　}；

ｖａｒ　ｆａｉｌ　＝　ｆｕｎｃｔｉｏｎ（ｄａｔａ）{ };

exec_asyn( "Contacts", "openContacts", '{ }',successful, fail);

对AndroidHtml5是在Javascript中定义的一个对象