全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

Android实现H5与Native交互的两种方式

前言

大家都知道在Android WebView使用中,经常需要H5页面和Native页面进行交互,比如在网页上点击分享按钮,调用本地分享接口进行分享,分享成功后本地调用网页的JavaScript代码展示一条分享成功的消息。下面来看看一起看看两种实现方式是什么?

一、Url拦截的方式

重写ShouldOverrideUrl进行Url拦截,这种方式通过H5和Native协商好的Url格式来表明H5页面想要Native进行的操作,比如拨打电话,播放视频,查看某个用户的信息等操作,每种操作对应一种url格式,比如:

“/media/image/123”代表H5要调用Native查看id为123的图片;
“/webapp/close/webview”表示H5需要Native关闭当前页面;
“/webapp/patient_card/?patient_id=345”表示H5要调用Native显示用户345的详情页

可以通过url的parameter传递参数,并通过Uri.parse进行解析。返回true表示截断对该Url请求的响应。

protected WebViewClient mWebClient = new WebViewClient() {
 @Override 
 public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  // 添加tel链接响应
  if (url.startsWith("tel:")) { 
   Intent intent = new Intent(Intent.ACTION_DIAL, Uri.parse(url)); 
   startActivity(intent); 
   return true;
  }

  // 添加mp4播放相应
  if (url.endsWith(".mp4")) { 
   viewVideo(url); 
   return true;
  }

  // 添加图片链接响应
  if (Pattern.compile("/media/image").matcher(url).find()) { 
   viewImage(url); 
   return true;
  }
  // 关闭webview
  if (Pattern.compile("/webapp/close/webview").matcher(url).find()) {   
   onBackPressed(); 
   return true;
  }

  // 添加某个特殊url的响应
  if(Pattern.compile("/webapp/patient_card/").matcher(url).find()) { 
   Uri uri = Uri.parse(url); 
   String patientId = uri.getQueryParameter("patient_id");
   viewPatientInfo(patientId);

   return true;
  }

  return super.shouldOverrideUrlLoading(view, url);   
};

二、JavaScript注入方式

相比于Url拦截的方式,JavaScript注入的方式更加直接,Native将开放给H5调用的函数注入JavaScript,H5通过JavaScript调用Native函数完成操作。

1、获取webView的WebViewSettings设置,调用setJavaScriptEnabled开启JavaScript调用。

WebSettings settings = mWebView.getSettings();
settings.setJavaScriptEnabled(true);

2、将需要暴露给JavaScript的函数前面添加@JavascriptInterface注解,只有添加了该注解的函数才能被JavaScript调用。

public class WebAppInterface {
 @JavascriptInterface
 public boolean method1(String param1, String param2) {
   // do something
 }

 @JavascriptInterface
 public boolean method2(String param1, String param2) {
   // do something
 }
}

3、通过WebView的addJavascriptInterface方法,将Native方法所在的class注入到JavaScript中。该函数的第一个参数是注入的Native对象,第二个参数是该对象的名字,JavaScript通过改名字访问该对象

WebView webView = (WebView) findViewById(R.id.webview);
webView.addJavascriptInterface(new WebAppInterface(), "InterfaceName");

4、这样,H5页面就可以通过下面的JavaScript调用Native的函数了

<script type="text/javascript"> 
 function method1(param1, param2) {  
  InterfaceName.method1(param1, param2); 
 }
</script>

Native调用JavaScript

Native调用JavaScript函数的方法比较简单,通过loadUrl函数进行:

// 无参数调用
contentWebView.loadUrl("javascript:javacalljs()");

// 有参数调用
mWebView.loadUrl("javascript:test('" + param+ "')"); // param是js的函数test()的参数

总结

以上就是这篇文章的全部内容了,希望本文的内容对各位Android开发者们能带来一定的帮助,如果有疑问大家可以留言交流。


# h5  # native  # 交互  # android  # h5和native交互  # Android的WebView与H5前端JS代码交互的实例代码  # Android webview加载H5方法详细介绍  # Android Studio打包H5网址页面  # 封装成APK  # 移动端H5唤起APP的写法实例(IOS、android)  # Android与H5交互产生Script Error踩坑解决  # 第一个  # 大家都  # 两种  # 可以通过  # 第二个  # 来看看  # 重写  # 这篇文章  # 如在  # 就可以  # 拨打电话  # 详情页  # 改名字  # 有疑问  # close  # webview  # parameter  # webapp  # patient_id  # Uri 


相关文章: 交易网站制作流程,我想开通一个网站,注册一个交易网址,需要那些手续?  网站制作服务平台,有什么网站可以发布本地服务信息?  建站之星Pro快速搭建教程:模板选择与功能配置指南  如何选择服务器才能高效搭建专属网站?  如何在阿里云域名上完成建站全流程?  建站之星如何通过成品分离优化网站效率?  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料?  如何在腾讯云服务器上快速搭建个人网站?  制作门户网站的参考文献在哪,小说网站怎么建立?  如何解决VPS建站LNMP环境配置常见问题?  如何通过智能用户系统一键生成高效建站方案?  如何选择CMS系统实现快速建站与SEO优化?  如何自定义建站之星网站的导航菜单样式?  东莞专业网站制作公司有哪些,东莞招聘网站哪个好?  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊?  建站主机SSH密钥生成步骤及常见问题解答?  建站之星后台密码如何安全设置与找回?  建站VPS配置与SEO优化指南:关键词排名提升策略  焦点电影公司作品,电影焦点结局是什么?  GML (Geography Markup Language)是什么,它如何用XML来表示地理空间信息?  建站之星如何助力网站排名飙升?揭秘高效技巧  如何选择域名并搭建高效网站?  如何选择PHP开源工具快速搭建网站?  建站之星好吗?新手能否轻松上手建站?  宝塔新建站点报错如何解决?  北京营销型网站制作公司,可以用python做一个营销推广网站吗?  高防服务器租用指南:配置选择与快速部署攻略  建站主机选购指南:核心配置与性价比推荐解析  建站之星五站合一营销型网站搭建攻略,流量入口全覆盖优化指南  智能起名网站制作软件有哪些,制作logo的软件?  c# 服务器GC和工作站GC的区别和设置  ,网页ppt怎么弄成自己的ppt?  建站之星展会模板:智能建站与自助搭建高效解决方案  宿州网站制作公司兴策,安徽省低保查询网站?  制作企业网站建设方案,怎样建设一个公司网站?  代购小票制作网站有哪些,购物小票的简要说明?  网站建设设计制作营销公司南阳,如何策划设计和建设网站?  如何在Golang中使用replace替换模块_指定本地或远程路径  外贸公司网站制作,外贸网站建设一般有哪些步骤?  如何通过商城免费建站系统源码自定义网站主题?  如何快速搭建虚拟主机网站?新手必看指南  如何在IIS中配置站点IP、端口及主机头?  css网站制作参考文献有哪些,易聊怎么注册?  视频网站app制作软件,有什么好的视频聊天网站或者软件?  如何选择高效可靠的多用户建站源码资源?  韩国代理服务器如何选?解析IP设置技巧与跨境访问优化指南  如何生成腾讯云建站专用兑换码?  如何在腾讯云免费申请建站?  javascript中对象的定义、使用以及对象和原型链操作小结  C#怎么使用委托和事件 C# delegate与event编程方法 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。