混合开发交互中遇到的一些问题

JS与AndroidWebView互相调用，达到各种辅助的效果。

首先JAVA（Android）调用JS，怎么调用？有什么用处？

然后JS调用JAVA呢？下面给出一些浅析。

首先贴上JS代码中的function(方法)：
    <!--JS调用JAVA（Android）时候使用-->

    function submit (){

        var msg=document.getElementById("text_msg").value;
//实现调用的语句

        Android.onSubmit(msg);

    }

    function add(){

        document.getElementById("text_num").value++;

        var num=document.getElementById("text_num").value;
//实现调用的语句

        Android.onSubmitNum(num);

    }

    function dec(){

        document.getElementById("text_num").value--;

        var num=document.getElementById("text_num").value;
//实现调用的语句

        Android.onSubmitNum(num);

    }

    <!-- Android调用JS时候使用-->

    function returnNum( num){

        var num= Android.getAndroidNum();

        document.getElementById("text_num").value=num;

    }

    function returnMsg( ){

        var msg= Android.getAndroidMsg();

        document.getElementById("text_msg").value=msg;

    }

在互调之前要做的就是设置WebView支持JS

webSettings.setJavaScriptEnabled(true);

这行必须要有的，

然后就是互调的问题了，先看看JAVA调用JS：

这个其实很简单，首先该页面展示WebView，WebView有个loadUrl的API，那么就可以利用这个来加载，

比如我们调用文章前面给出的JS方法我们就可以

webView.loadUrl("javascrip:returnNum");

webView.loadUrl("javascrip:returnMsg");

这样我们就完成了，

使用场景：比如服务端想通过JS返回给我们一些参数或者数据，那么我们完全可以通过这样来接受到这些数据（这是比较高级点的）

正常的就是你想要本地对页面上面进行一些操作，那么这样就能完全达到你的要求了。

下面就是比较复杂一点JS调用JAVA了：

这个调用可以有好几种方式，不过总结起来就是一个@JavaScriptInterface接口的灵活运用，

可以直接在Android中程序中写入

@JavascriptInterface

    public void JStoJAVA() {

        //需要实现的功能

    }

然后再JS里面就可以在上面实现调用语句的位置写上xxx.JStoJAVA();

这里做个详细的解释吧，程序里面如果是这套的话xxx可以是任何不为空的字符(建议使用英文)

然后是后面参数也可以加入String型的(C端是可以接收的，如果是很多的话，建议使用JSON转成字符串传递)

我举个例子吧，

@JavascriptInterface

    public void JStoJAVA(String s) {

        //需要实现的功能
String ss = s;//这个ss就可以拿到Android程序中随意使用了，其实也就实现了服务端传数据给C端

    }

//这是服务端调用代码

xxx.JStoJAVA(s);//s就是服务端传输的数据

这种唯一性很差，但是多出调用就好用了(假如很多个WebView都需要调用，xxx就区分不开了)

下面给出一种唯一性比较好的:

webView.addJavascriptInterface(new JStoJAVA(), "Android");

//是在Activity中内部类（后面会解释为什么用内部类）

public class JStoJAVA{

//javascript to java methods
@JavaScriptInterface
public void onSubmit(String s){
//JS调用了Android方法，并且C端接收到了数据
}

@JavaScriptInterface
public void onSubmitNum(String s){
//JS调用了Android方法，并且C端接收到了数据
}

}

}

这种就是上面JSfunction中所使用的调用方法了，

即：Android.onSubmit(msg);

然后还有一种就是直接添加，不使用内部类。

下面说一下我是用内部类的原因吧，这个其实主要跟打包混淆有关系，JS互调还有一个难点就是打包完了，

如果开启混淆，不处理的话，服务端就调不起来你的代码了，所以这些就不能混淆了，那么怎么写混淆了，

百度上面也有各种各样的，我说说我的吧，首先如果写第一种的换可以这样写混淆：

-keepclassmembers class * extends android.app.Activity {

   public void JStoJAVA(参数自己看看吧);

}

-keepattributes *Annotation*

-keepattributes *JavascriptInterface*

第二种内部类混淆方法:(保持内部类不被混淆，里面的方法自然就可以了)

-keep public class 包名.Activity名字$JS投JAVA {*;}

-keepattributes *Annotation*

-keepattributes *JavascriptInterface*

第三种我也不会，尝试了网上的方法都不行，也不知道为什么。

求高手指教一下，新手入门，不是太懂，见谅，谢谢！

先写到这里吧，有什么讨论的、指正的请联系邮箱：jsmeli@163.com.