android webview H5开发若干问题之问题三:android和js交互问题

           安卓和js的交互，无非就是安卓的java调用js方法，js调用安卓本地java方法。先来一遍大家都知道的规则。

           安卓本地调用js：

    js调用安卓方法。在这方面呢，我的理解是安卓本地用java生成一个js方法。然后js在前端调用这个java生成的js方法。

   代码为：

     

webView.addJavascriptInterface(new AndroidToJs(activity, webView), "LocalNative");
在这里我简写了好多，把最关键的代码贴过来。首先webview对象加一个js的接口对象。这个对象是自己定义的。然后最后一个字符串参数是定义一个对象名。

这里把

AndroidToJs贴出来。

import android.app.Activity;
import android.content.Intent;
import android.webkit.JavascriptInterface;
import android.webkit.WebView;

import com.xiaoyunchengzhu.androidandh5.module.Convert;

/**
* Created by TL on 2016/5/31.
*/
public class AndroidToJs {

private Activity activity;
private WebView webView;
private Convert convert;

public AndroidToJs(Activity activity, WebView webView) {
this.activity = activity;
this.webView = webView;
convert = new Convert(webView);
}

@JavascriptInterface
public void goBack() {
webView.post(new Runnable() {
@Override
public void run() {
if (webView.canGoBack()) {
webView.goBack();
}
}
});

}

//{"action":"'+action+'","params":"'+param+'"}
@JavascriptInterface
public void execute(String json) {
convert.convert(json, activity);
}

}

在类的方法中加@JavasciriptInterface注解的，就是js方法。可以被前端调用，调用规则为在HTML的js中：

LocalNative.execute('');

LocalNative.goBack();
在这里有一个问题就是，被声明为js方法中的参数不能是复杂的参数，比如对象等等。比如js中方法的参数可以是方法，这里就不行。为了方便，统一传字符串。json字符串来串。

那么安卓调用js方法呢？

其实这个还是比较简单的。
在java中：
String json="";

webView.post(new Runnable() {
@Override
public void run() {
webView.loadUrl("javascript:WhoisE('"+json+"')");
}
});
这里的js方法在js中的声明是

function WhoisE(json){
//处理方式
}
其中这个方法必须是全局的方法。
也就是说安卓调用js的方法，必须是调用的全局的方法。

那么为什么要在webview的post中执行呢？这是因为前端js是单线程，在交互的过程中，直接执行

webView.loadUrl("javascript:WhoisE('"+json+"')");这个方法，有可能会出错，跨线程操作。

基础的都讲完了，不要以为结束了。在开发过程中能这么简单的安卓调用js，js调用安卓这就可以了。
第一，当我们的H5所需要调用本地的方法过多了怎么办，比如上百个方法，难道就一直声明@javascriptInteface上百个吗？答：不是的。
第二，前端的js总想简单的用一个方法来实现调用安卓并且传入回调方法。比如

var test={ name:'lili',age:12  };

Local.execute('ToAnotherActivity',test,function(json){

})

调用本地安卓，传入参数，然后加一个回调匿名方法。多简单。

对于第一个问题，我们这里只声明一个@JavascriptInterface就可以。根据不同的传入的json的来判断该执行哪些对象中方法。这个判断不是用case，也不是用if，
而是使用反射机制把参数转化为对应的类，方法。对应执行。
对于第二个问题，需要和第一个配合。完善js代码。具体情况看githubdemo吧。
地址：https://github.com/xiaoyunchengzhu/AndroidAndH5