2.Native与Web通信（下）：使用JsBridge

最新推荐文章于 2022-12-22 18:18:42 发布

苏繁星

最新推荐文章于 2022-12-22 18:18:42 发布

阅读量463

点赞数

CC 4.0 BY-SA版权

分类专栏： Android总结文章标签： web app android

本文链接：https://blog.youkuaiyun.com/qq_37514242/article/details/103639682

本文介绍了JsBridge的接入与基本使用，包括如何在Android工程中配置，Web如何调用Native方法，以及Native如何调用Web的示例。通过JsBridge，实现了Java与JavaScript之间的双向通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JsBridge是lzyzsd写的一款开源项目，开源地址：https://github.com/lzyzsd/JsBridge
下面对JsBridge的接入以及基本使用做一些简单介绍。

1.接入

工程build.gradle文件中配置

allprojects {
   
    repositories {
   
        // ...
        maven {
    url 'https://jitpack.io' }
    }
}

Module build.gradle文件中添加依赖

implementation 'com.github.lzyzsd:jsbridge:1.0.4'

2.Web调用Native

Activity中注册一个Handler，名称与js中定义的保持一致

        mBridgeWebView.setWebChromeClient(new WebChromeClient());
        mBridgeWebView.loadUrl("file:///android_asset/demo.html");

        mBridgeWebView.registerHandler("submitFromWeb", new BridgeHandler() {
   
            @Override
            public void handler(String data, CallBackFunction function) {
   
                Log.d(TAG, "handler = submitFromWeb, data from web = " + data);
                function.onCallBack("submitFromWeb exe, response data from Java");
            }
        });