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中定义的一个对象