Android和H5交互

Android与H5的交互比较简单，这里记录一下。

WebView的基本设置

    WebSettings settings = wv.getSettings();
     //让webView支持JS
     settings.setJavaScriptEnabled(true);




       //设置客户端
        wv.setWebViewClient(new WebViewClient() {
            //覆写shouldOverrideUrlLoading实现内部显示网页
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }

            //页面开始加载
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
            }

            //页面加载完成
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
            }
        });
        
      //设置这个客户端，可以设置加载网页的进度条（布局就不写了，就是在WebView上面放一个ProgressBar）
        wv.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onProgressChanged(WebView view, int newProgress) {

                if (null != mProgressBar1) {
                    if (newProgress == 100) {
                        mProgressBar1.setVisibility(View.GONE);//加载完网页进度条消失
                    } else {
                        mProgressBar1.setVisibility(View.VISIBLE);//开始加载网页时显示进度条
                        mProgressBar1.setProgress(newProgress);//设置进度值
                    }
                }
            }
        });
  
 //设置返回键动作（防止按返回键直接退出程序)
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {

        if (keyCode == KeyEvent.KEYCODE_BACK) {
            if (wv.canGoBack()) {//当webview不是处于第一页面时，返回上一个页面
                wv.goBack();
                return true;
            } else {
                finish();
            }


        }
        return super.onKeyDown(keyCode, event);
    }   

//WebView加载本地网页（H5本地页面一般放在assets目录下，路径： 如果html文件存于assets：则加前缀：file:///android_asset/     如果在Sdcard直接使用file:///sdcard/ or file:/sdcard也可以）  
 wv.loadUrl("file:///android_asset/xxx.html");

Android调用H5的方法

 //调用无参的Js方法,      括号里：“javascript:”  +  js方法名(H5里面定义的名称)
 wv.loadUrl("javascript:message1()");   
//调用有参数的Js方法 ，而且要注意，参数要加单引号
wv.loadUrl("javascript:message2('" + message+ "')");   

H5调用 Android的方法

1.建立内部类，在内部类中增加Js要调用Android的方法，需要增加注解

 public class JsClass {

        @JavascriptInterface
        public void toMessage( String id) {
           
        }
    }  


//将Android传递给Js (  "android" 表示在H5那边要进行调用方法的主体，例如：android.toMessage(id) )
wv.addJavascriptInterface(new JsClass(), "android");  

2.不需要建立内部类，直接将自身传递过去，自身实现方法。
wv.addJavascriptInterface(this, "android");

优化

WebView的自带的JavascriptInterface的接口使用会有安全隐患，使用JSBridge

H5调用Android另外一种方式：scheme

使用场景：一般用于在H5页面中，点击对应的商品、广告等，进入App对应的页面

在功能清单文件中，对应的Activity中设置相关参数

            
              //这里是对应到H5页面中链接里面写的路径（aa 是 scheme   host 是主机名称  path 是路径）
                
                //下面3个是固定的
                
                
                
            
        


//WebView中设置   
wv.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
              //通过对URl的解析来决定调转到哪个页面
                if (url.contains("aa")) {
                    Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                    startActivity(intent);
                }
            }