欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Android JS 互调

程序员文章站 2022-06-22 21:23:32
Android开发过程中,我们或多或少都会用到webview,使用webview来展示一些经常变动的界面更加方便简单,也更易于维护。另一方面hybrid App开发也现在用的也越来越多了,其中native和h5之间的交互更是必不可少的。Android中是如何和H5交互的?或者说Android中是如何和JS交互的?1.JS调用Android方法 Android端,定义函数和接口名,我这边定义的“android”,前端也是需要用到的,new JsInteration() 是下方定义到的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

相关标签: Android