Android 与前端交互

我不是女神ヾ 2022-05-31 14:14 233阅读 0赞

public class MainActivity extends AppCompatActivity {
        
    
        private Button button;
        private WebView webView;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            button = (Button) findViewById(R.id.button);
            webView = (WebView) findViewById(R.id.webView);
    
            initView();
        }
    
        private void initView() {
    
            webView.loadUrl("http://192.168.1.71:8080/test/");
            //Android 响应js调用
            WebSettings webSettings = webView.getSettings();
            webSettings.setJavaScriptEnabled(true);
            webView.addJavascriptInterface(new Test(), "hello");
    
            //Android 调用js
            button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    webView.loadUrl("javascript:fun("+i+++")");
                }
            });
        }
    
        private int i = 0;
        public class Test {
        
            @JavascriptInterface
            public void showAndroid() {
                button.setText(String.valueOf(i++));
            }
        }
    
    }

<html>
    <head>
        <title>$Title$</title>
    
        <script>
    
            //响应Android的调用
            function fun(name) {
         
                var button = document.getElementById("button");
                button.innerText = name;
            }
    
        </script>
    </head>
    <body>
    
    <button id="button" onclick="window.hello.showAndroid()">调用Android方法</button>
    
    </body>
    </html>

代码很简单照着敲一遍就什么都懂了

参照：[https://www.cnblogs.com/cherrylv/p/6424199.html][https_www.cnblogs.com_cherrylv_p_6424199.html]

--------------------

2018/07/06  
在新公司中又学到了他们进行交互的方法

repositories {
        // ...
        maven { url "https://jitpack.io" }
    }
    
    dependencies {
        compile 'com.github.lzyzsd:jsbridge:1.0.4'
    }

参考：[https://www.jianshu.com/p/b3d120753bbb][https_www.jianshu.com_p_b3d120753bbb]  
或者自行百度谷歌

[https_www.cnblogs.com_cherrylv_p_6424199.html]: https://www.cnblogs.com/cherrylv/p/6424199.html
[https_www.jianshu.com_p_b3d120753bbb]: https://www.jianshu.com/p/b3d120753bbb