温馨提示×

jsbridge框架怎么实现Android与H5交互

小亿
88
2024-05-29 16:46:15
栏目: 编程语言

JSBridge框架是用来实现Android与H5之间的通信的框架,主要通过调用Java和JavaScript的方法来实现交互。下面是一个简单的示例来说明如何实现Android与H5的交互:

1.在Android项目中创建一个JSBridge类,用来处理Java和JavaScript之间的通信:

public class JSBridge {
    private WebView mWebView;

    public JSBridge(WebView webView) {
        this.mWebView = webView;
    }

    @JavascriptInterface
    public void showToast(String message) {
        Toast.makeText(mWebView.getContext(), message, Toast.LENGTH_SHORT).show();
    }

    public void callJSMethod(String methodName, String param) {
        mWebView.loadUrl("javascript:" + methodName + "('" + param + "')");
    }
}

2.在Activity中初始化WebView,并添加JSBridge类的实例到WebView中:

WebView webView = findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);
JSBridge jsBridge = new JSBridge(webView);
webView.addJavascriptInterface(jsBridge, "JSBridge");
webView.loadUrl("file:///android_asset/index.html");

3.在H5页面中调用Java方法:

<button onclick="JSBridge.showToast('Hello from H5')">Show Toast</button>

通过以上步骤,就可以实现Android与H5之间的简单交互。在实际项目中,可以根据需求扩展JSBridge类的功能,实现更复杂的交互逻辑。

0