Android 开发进程 0.36 原生与H5交互

JS调用原生方法

H5调用Android方法基本有两种，第一步通用的初始化webview

WebSettings settings = webview.getSettings();
settings.setJavaScriptEnabled(true); //允许在WebView中使用js

2 创建桥接类，这是第一种方法

private Context mContext;
private WebView mWebView;
public static final String javaInterface= "javaInterface";
public JavaScriptMethod(Context context, WebView webView) {
    mContext = context;
    mWebView = webView;
}
@JavascriptInterface
public void showToast(String json){
    Toast.makeText(context, json, Toast.LENGTH_SHORT).show();
}

这种方法就是在JavaScript中直接调用桥接类定义的方法，在初始化webview的同时执行

JavaScriptMetod m = new JavaScriptMetod(this, webview);
webview.addJavascriptInterface(m, JavaScriptMetod.javaInterface);

如果现在在 tomcat的webapp下文件夹简单填写一个HTML文件，添加一个按钮并在script标签中添加以下JavaScript方法

  function jscallandroid(){
        var jsondata={"toast":"js调用了Android方法"};
        window.jsInterface.showToast(JSON.stringify(jsondata));
    }

运行tomcat服务，在webview中点击按钮即可执行原生方法。
第二种方法使用范围更加普遍，如果在javascript的方法中使用以下方式：

   var json = {"data": "I am a toast"};
   window.location.href="protocol://android?code=toast&data="+JSON.stringify(json);

webview会重加载给到的链接，再重写webview类的 shouldOverrideUrlLoading方法可以拦截返回的url，从而做出相应。url应提前规定，如开头写作上文的“protocol://android?”,后面的code和data可以区分请求的方法和传输的数据。如以下实例：

webView.setWebViewClient(new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            String pre = "protocol://android";
            if (!url.contains(pre)) {
                return false;
            }
          //执行过滤
            return true;
        }
    });

setWebViewClient方法返回false是默认不执行过滤，继续加载。返回true则会拦截uri不直接加载。可以使用uri字符串匹配的方法过滤提取code和data
需注意的是shouldOverrideUrlLoading方法参数为view和url的方法已经弃用，在Lollipop及以上版本不会默认执行，所以需要重写同名的另一个参数为view和request的方法，在重写的方法中调用上述方法。

Android调用JS方法

这个使用较少，可以直接使用webview的loadurl方法。如Javascript中已经有以下代码：

 var showMessage=function (json) {
        alert(JSON.stringify(json))
    }

android中（如在点击事件方法中）可以使用：调用js方法需要在主线程中。

JSONObject json=new JSONObject();
json.put("alert","loading");
webView.loadUrl("javascript:showMessage("+json.toString()+")");