android与js交互源码_安卓的源码如何放入到js中使用-CSDN博客

本文链接：https://blog.csdn.net/TTHHVV/article/details/78276503
首先，来个javascript.html文件 内容如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>MyjavaScript</title>
    <script>
 <!--Android需要调用的方法-->
   function callJS(){
      alert("Android调用了JS的callJS方法");
   }
   function callJs2(){
    return "我是js的calljs2222方法";
   }
   function callAndroid(){
    // 由于对象映射，所以调用test对象等于调用Android映射的对象
        test.hello("js调用了android中的hello方法");
     }
     //WebViewClient方法
   function callAndroid2(){
      /*约定的url协议为：js://webview?arg1=111&arg2=222*/
      document.location = "js://webview?arg1=111&arg2=222";
   }
     function clickprompt(){
    // 调用prompt（）
    var result=prompt("js://webview?arg1=111&arg2=222");
    alert("webview " + result);
     }
    </script>
</head>
<body>
<h3>android与js交互</h3>
<button οnclick="callAndroid()">对象映射调用android方法</button>
<button οnclick="callAndroid2()">WebViewClient调用android方法</button>
<button οnclick="clickprompt()">点击调用Android代码</button>
</body>
</html>

然后是activity里的代码了
public class MainActivity extends AppCompatActivity {
    WebView mWebView;
    Button button, button2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mWebView = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);// 设置与Js交互的权限
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);  // 设置允许JS弹窗
        webSettings.setDefaultTextEncodingName("utf-8");
        // 通过addJavascriptInterface()将Java对象映射到JS对象
        //参数1：Javascript对象名
        //参数2：Java对象名
        mWebView.addJavascriptInterface(new AndroidtoJs(), "test");//AndroidtoJS类对象映射到js的test对象
        mWebView.loadUrl("file:///android_asset/javascript.html");   // 先载入JS代码 格式规定为:file:///android_asset/文件名.html
        button = (Button) findViewById(R.id.button1);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mWebView.post(new Runnable() { // 必须另开线程进行JS方法调用(否则无法调用)
                    @Override
                    public void run() {
                        mWebView.loadUrl("javascript:callJS()");  // 注意调用的JS方法名要对应上
                    }
                });
            }
        });
        button2 = (Button) findViewById(R.id.button2);
        button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                mWebView.evaluateJavascript("javascript:callJs2()", new ValueCallback<String>() {
                    @Override
                    public void onReceiveValue(String value) {
                        //此处为 js 返回的结果
                        Toast.makeText(MainActivity.this, value, Toast.LENGTH_SHORT).show();
                    }
                });
            }
        });

        // 由于设置了弹窗检验调用结果,所以需要支持js对话框
        // webview只是载体，内容的渲染需要使用webviewChromClient类去实现
        // 通过设置WebChromeClient对象处理JavaScript的对话框
        //设置响应js 的Alert()函数
        mWebView.setWebChromeClient(new WebChromeClient() {
            public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
                // 根据协议的参数，判断是否是所需要的url(原理同方式2)
                // 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
                //假定传入进来的 url = "js://webview?arg1=111&arg2=222"（同时也是约定好的需要拦截的）
                Uri uri = Uri.parse(message);
                // 如果url的协议 = 预先约定的 js 协议
                // 就解析往下解析参数
                if ( uri.getScheme().equals("js")) {
                    // 如果 authority  = 预先约定协议里的 webview，即代表都符合约定的协议
                    // 所以拦截url,下面JS开始调用Android需要的方法
                    if (uri.getAuthority().equals("webview")) {
                        // 执行JS所需要调用的逻辑
                        System.out.println("js调用了Android的方法");
                        // 可以在协议上带有参数并传递到Android上
                        HashMap<String, String> params = new HashMap<>();
                        Set<String> collection = uri.getQueryParameterNames();
                        //参数result:代表消息框的返回值(输入值)
                        result.confirm("js调用了Android的方法成功啦");
                    }
                    return true;
                }
                return super.onJsPrompt(view, url, message, defaultValue, result);
            }
            // 拦截JS的警告框
            @Override
            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
                AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);
                b.setTitle("alert弹框");
                b.setMessage(message);
                b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        result.confirm();
                    }
                });
                b.setCancelable(false);
                b.create().show();
                return true;
            }
        });
        mWebView.setWebViewClient(new WebViewClient() {
                                      @Override
                                      public boolean shouldOverrideUrlLoading(WebView view, String url) {
                                          // 步骤2：根据协议的参数，判断是否是所需要的url
                                          // 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
                                          //假定传入进来的 url = "js://webview?arg1=111&arg2=222"（同时也是约定好的需要拦截的）
                                          Uri uri = Uri.parse(url);
                                          // 如果url的协议 = 预先约定的 js 协议
                                          // 就解析往下解析参数
                                          if (uri.getScheme().equals("js")) {
                                              // 如果 authority  = 预先约定协议里的 webview，即代表都符合约定的协议
                                              // 所以拦截url,下面JS开始调用Android需要的方法
                                              if (uri.getAuthority().equals("webview")) {
                                                  //  步骤3：
                                                  // 执行JS所需要调用的逻辑
                                                  System.out.println("js调用了Android的方法");
                                                  // 可以在协议上带有参数并传递到Android上
                                                  //获取key集合
                                                  Set<String> collection = uri.getQueryParameterNames();
                                                  String values = "";
                                                  for (String name : collection) {
                                                      String value = uri.getQueryParameter(name);
                                                      values += value;
                                                  }
                                                  Toast.makeText(MainActivity.this, collection.toString() + values, Toast.LENGTH_SHORT).show();
                                              }
                                              return true;
                                          }
                                          return super.shouldOverrideUrlLoading(view, url);
                                      }
                                  }
        );
    }

    class AndroidtoJs extends Object {
        // 被JS调用的方法必须加入@JavascriptInterface注解
        @JavascriptInterface
        public void hello(String msg) {
            Toast.makeText(MainActivity.this, "JS调用了Android的hello方法", Toast.LENGTH_SHORT).show();
            System.out.println("JS调用了Android的hello方法");
        }
    }

}