andriod原生嵌套H5的前后端调用方法

最新推荐文章于 2024-08-22 16:45:47 发布

suwenLove

最新推荐文章于 2024-08-22 16:45:47 发布

阅读量1.7k

点赞数

分类专栏： ANDROID 文章标签： android html5

本文链接：https://blog.csdn.net/suwenLove/article/details/122862617

版权

ANDROID 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文详细介绍了如何在Android原生环境中嵌套H5的uni-app，并实现两者之间的交互。通过安卓代码调用uni-app的JS方法，以及uni-app调用安卓的原生方法，实现数据传递和页面控制。示例代码展示了具体的调用过程，包括在onReady中注册JS方法，在Activity中创建内部类并注册接口，以及uni-app端的调用写法。

摘要由CSDN通过智能技术生成

andriod端调用uni-app的js方法

安卓代码

 mWebView.post(new Runnable() {
                @Override
                public void run() {
                    //使用webView的loadUrl方法调用js  closeLoading方法，message是入参
                    mWebView.loadUrl("javascript:closeLoading(\"" + message + "\")");
                }
            });

uni-app端代码，要在onRead中注册js方法

onReady() {
			window.closeLoading = (message) => {
			  this.showLoad = false;
			  uni.showToast({
						title: message,
						icon: "none",
						duration: 2000
					})
				}
		},

uni-app调用原生的安卓方法

在Activity中创建一个内部类

 final class DemoJavaScriptInterface {
        DemoJavaScriptInterface() {
        }

	//  @JavascriptInterface类似mvc的requestMapping注解，有这个注解前端才能调用到这个接口
      @JavascriptInterface
        public void closeLoad(String message) {
            mWebView.post(new Runnable() {
                @Override
                public void run() {
                    mWebView.loadUrl("javascript:closeLoading(\"" + message + "\")");
                }
            });

        }
}

在onCreate进行注册

public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
        setContentView(R.layout.activity_main);
        mWebView = (WebView) findViewById(R.id.webview);

        WebSettings webSettings = mWebView.getSettings();
        webSettings.setSavePassword(false);
        webSettings.setSaveFormData(false);
        webSettings.setJavaScriptEnabled(true);
        webSettings.setSupportZoom(false);
        webSettings.setAllowUniversalAccessFromFileURLs(true);
        webSettings.setAllowFileAccess(true);
        webSettings.setAllowFileAccessFromFileURLs(true);
        webSettings.setMediaPlaybackRequiresUserGesture(true);
        mWebView.setWebChromeClient(new MyWebChromeClient());
        mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "android");//注册 andriod是可以自定义的，前端调用window.android.方法名
        mWebView.loadUrl("file:///android_asset/dist/index.html");
      
    }