WebView交互架构项目实战(四):WebView与Native的通信框架手写实践

这篇具有很好参考价值的文章主要介绍了WebView交互架构项目实战(四):WebView与Native的通信框架手写实践。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

其中wholeJS就是JS文件转化而来的字符串,然后调用

webView.loadUrl("javascript: " + wholeJS);

1

就可以看到和之前一样的效果。

方式2: 通过evaluateJavascript方法

相较于loadUrl,evaluateJavascript的优势在于异步加载,还可以将执行JS代码的结果带回来,我们以下面一个小例子来说明。

我们在web页面中声明如下方法:

123456

然后我们注入js代码调用这个函数,并将121这个结果带回来来,在onPageFinished中调用以下代码

webView.evaluateJavascript(“getUID()”, new ValueCallback() {

@Override

public void onReceiveValue(String value) {

Log.d(“CALLBACK”, value);

}

});

123456

结果如下

WebView交互架构项目实战(四):WebView与Native的通信框架手写实践,程序员,交互,架构

JS调用Native

JS调用Native是最常用也是最重要的方法,在实现上有两种思路,一种是拦截schema,有两种方式拦截,一种是注册接口。我们依然以一个例子取说明这个过程,也很简单,我们load一个在本地的页面,页面上只有一个按钮如下图,按下这个按钮去调用原生的Toast方法。WebView交互架构项目实战(四):WebView与Native的通信框架手写实践,程序员,交互,架构

方式1:拦截URL schema

URL schema是一种请求格式,用拦截URL schema的方式我就需要自定义一个URL schema,如jsbridge://jsbridge://webview?&arg1=hello&arg2=world,我们的html页面如下

Title

JS 调用Native

1234567891011121314151617181920212223242526272829303132

我们需要到WebViewClient的shouldOverrideUrl去拦截,并解析参数,代码如下

@Override

public boolean shouldOverrideUrlLoading(WebView webView, String s) {

Uri uri = Uri.parse(s);

Log.d(“test112”, s);

if(uri.getScheme().startsWith(“jsbridge”)) {

String arg1 = uri.getQueryParameter(“arg1”);

String arg2 = uri.getQueryParameter(“arg2”);

String s1 = “JS调用Native,参数1:”+arg1+“参数2:”+arg2;

Toast.makeText(MainActivity.this, s1, Toast.LENGTH_LONG).show();

}

return true;

}

123456789101112

最后的结果如下图

WebView交互架构项目实战(四):WebView与Native的通信框架手写实践,程序员,交互,架构

还有另一种拦截就是通过WebChromeClient 拦截web的prompt,过程类似,这里就不再赘述。

方式2:注册Javascript接口

首先创建一个管理接口的类如下

public class AndroidToJS extends Object {

@JavascriptInterface

public void hello(String msg) {

Toast.makeText(MainActivity.this, msg, Toast.LENGTH_LONG).show();

}

}

123456

然后通过addJavascriptInterface去注册和映射接口如下,JS中就可以 test.函数名 调用函数

webView.addJavascriptInterface(new AndroidToJS(), “test”);

1

html页面如下文章来源地址https://www.toymoban.com/news/detail-861735.html

Title

到了这里,关于WebView交互架构项目实战(四):WebView与Native的通信框架手写实践的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp webview h5和app交互通信传参

    app端,onPostMessage在nvue页面下接受参数,message在vue页面下接受参数 链接后拼接传参,只在一开始能传 方法传参 H5端,我这是用vue2写的 在index.html页面加上这个 在首页接受参数 往APP传参 接受APP的方法传参,变量跟data里面的变量绑定

    2024年02月15日
    浏览(34)
  • 【项目实战】分布式计算和通信框架(AKKA)入门介绍

    Akka是一个用于构建高并发、分布式、可容错、事件驱动的应用程序的工具包和运行时。它基于Actor模型,提供了一种高效的并发编程模型,可以轻松地编写出高并发、分布式、可容错的应用程序。Akka还提供了一些常用的组件,如路由、集群、持久化等,可以帮助开发人员更加

    2024年02月08日
    浏览(11)
  • flutter开发实战-实现webview与Javascript通信JSBridge

    flutter开发实战-实现webview与H5中Javascript通信JSBridge 在开发中,使用到webview,flutter实现webview是使用原生的插件实现,常用的有webview_flutter与flutter_inappwebview 这里使用的是webview_flutter,在iOS上,WebView小部件由WKWebView支持。在Android上,WebView小部件由WebView支持。 这里使用的是w

    2024年02月14日
    浏览(12)
  • 三、MNIST手写数字分类任务项目实战

    分类任务和回归任务本质上并没有太大的区别,只是最终得到的结果和损失函数不同而已。 MNIST手写数字分类任务,最终得到的是10个值,也类似一个one-hot编码格式,表示该图片是0-9数字的概率,概率值最大的就是预测的最终结果 当然标签也得是one-hot编码格式,例如标签图

    2024年02月09日
    浏览(17)
  • 探索React Native认证实战示例项目:打造安全的移动应用体验

    项目地址:https://gitcode.com/hezhii/react-native-auth-example 在移动开发领域,React Native以其跨平台和高效性能而备受青睐。如果你正在寻找一个直观的、基于React Native的身份验证实现示例,那么这个项目—— react-native-auth-example ,将会是你的理想之选。 react-native-auth-example 是一个简单

    2024年04月27日
    浏览(12)
  • 机器学习实战 | MNIST手写数字分类项目(深度学习初级)

    准备写个系列博客介绍机器学习实战中的部分公开项目。首先从初级项目开始。 本文为初级项目第二篇:利用MNIST数据集训练手写数字分类。 项目原网址为:Deep Learning Project – Handwritten Digit Recognition using Python。 第一篇为:机器学习实战 | emojify 使用Python创建自己的表情符号

    2024年02月15日
    浏览(13)
  • Jetson Orin arm64架构搭建手写AI tensorRT_Pro项目环境

      tensorRT是nvidia发布的dnn推理引擎,是针对nvidia系列硬件进行优化加速,实现最大程度的利用GPU资源,提升推理性能。   手写AI:tensorRT_Pro项目是在tensorRT的基础上,提出的一套从onnx( pytorch etc.)到TRT Engine模型推理的解决方案。   但是该方案目前主要支持的是linux x86_6

    2024年02月15日
    浏览(262)
  • 异核通信框架(1)——SMP和AMP架构

            我是菜鸡,很久没有发表文章了。老样子,今天推荐一本书《局外人》。别像主人公似的认为任何事情都没有意义。 目录 1. SMP和 AMP架构 1.1 同构和异构         1.1.1  同构         1.1.2  异构 1.2 SMP和AMP 1.2.1  对称多处理结构(SMP) 1.2.2  非对称多处理结构(AMP)

    2024年02月08日
    浏览(48)
  • 基于Unity+Vue3通信交互的WebGL项目发布实践

    问题背景 我们最近需要把unity开发的pc项目迁移到web端,因为unity支持发布webgl。所以按照以往的开发流程,都是项目开发完成就发布webgl部署到服务器。 突然有一天,测试人员提出说为什么我们做的网页跟别人的不太一样呢?具体看下面两张图: 1、unity使用ugui做的界面发布

    2024年04月17日
    浏览(18)
  • 【EasyAR实战项目】图像追踪+触屏交互

    话不多说,先看实现效果 以下为作者开发的环境,当然也可以使用更高的版本,尤其是EasyAR的版本可以选择更高的,因为这玩意儿版本迭代的太快了,而且 更高版本所支持的手机型号更新 ,兼容性更强。 1 Unity Hub2020.3.33 下载地址  Unity所有版本下载 | Unity中国官网 2 EasyAR

    2024年02月07日
    浏览(18)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包