Android JS 互调

Android开发过程中，我们或多或少都会用到webview，使用webview来展示一些经常变动的界面更加方便简单，也更易于维护。另一方面hybrid App开发也现在用的也越来越多了，其中native和h5之间的交互更是必不可少的。Android中是如何和H5交互的？或者说Android中是如何和JS交互的？

 1.JS调用Android方法

   Android端，定义函数和接口名，我这边定义的“android”,前端也是需要用到的，new JsInteration() 是下方定义到的JS交互类

 mWebView.addJavascriptInterface(new JsInteration(), "android");

  前端调用Android方法要用 @JavascriptInterface 注解才可以

public class JsInteration {
    @JavascriptInterface
    public void getUserInfo() {
       Toast.toast("获取信息成功")
    }
}

  前端写法：

   记得andoid 对应上方的Android代码的接口名

window.android.getUserInfo();

到此，前JS调用Android方法就成功了

 2.android调用JS方法

  1.在Android中使用mWebView.evaluateJavascript();方法

    eg:getJsParams()方法要和前端的统一，因为这个方法是前端定义的

mWebView.evaluateJavascript("javascript:getJsParams()", new ValueCallback<String>() {
    @Override
    public void onReceiveValue(String value) {
         Toast.toast(value)
    }
});

2.vue中实现

   记得 this.getJsParams不带(),他指代的是methods:中的getJsParams();

 created() {
    window.getJsParams = this.getJsParams;
  },

methods:{
    getJsParams() {
          return "返回数据"
    }
}

 注：上面是有返回值的情况下，在没有返回值的情况可以这样写：

  Android端：

mWebView.evaluateJavascript("javascript:getJsParams()", null);

  Web端：

 created() {
    window.getJsParams= this.getJsParams;
  },

methods:{
    getJsParams() {
          //处理前端自己的逻辑
    }
}

以上就是这些，以后有其他的再补充

本文地址：https://blog.csdn.net/xys199719/article/details/107466087