H5和Android通信框架，让H5和Android相互调用更加简单

H5和Android通信框架，让H5和Android相互调用更加简单

H5和Android通信容器BridgeWebView的使用

开源地址：https://github.com/open-android/BridgeWebView

PS：如果觉得文章太长，你也可观看该课程的视频，亲，里面还有高清，无码的福利喔

运行效果

爱生活,爱学习,更爱做代码的搬运工,分类查找更方便请-黑马助手app

使用步骤

1. 在project的build.gradle添加如下代码(如下图)

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

2. 在Module的build.gradle添加依赖

compile 'com.github.open-android:BridgeWebView:v1.0'

3.布局文件中使用

4.Activity初始化通信桥梁

mBdwebview = (BridgeWebView) findViewById(R.id.bdwebview);//初始化BridgeWebViewmBdwebview.loadUrl("http://10.0.3.2:63343/BridgeWebView/index.html");//显示H5页面mBdwebview.addBridgeInterface(new MyJavaSctiptInterface(mBdwebview, this));//注册桥梁类，该类负责H5和android通信

5.桥梁类提方法给js调用

public class MyJavaSctiptInterface{ private Activity mActivity; public MyJavaSctiptInterface(Activity mActivity) { this.mActivity = mActivity; } public void callPhone(String[] strs){//拨号 JSONObject jsonObject = new JSONObject(strs[0]); String phone = jsonObject.optString("phone"); Intent intent = new Intent(Intent.ACTION_CALL, Uri.parse("tel:" + phone)); mActivity.startActivity(intent); }}

6.js中调用android方法

$("#btn1").on("click", function(){ var method = "callPhone";//js调用的android方法名 var params = {"phone":"10086", "callback":""};//callback用于回调js callAndroidMethod(method, params);}); /** * 统一管理js调用安卓方法 * @param method 方法名 * @param params 向android传参数 数组格式 */var callAndroidMethod = function(method, params){ window.jsInterface.invokeMethod(method, [JSON.stringify(params)]);}

详细的使用方法在DEMO里面都演示啦,如果你觉得这个库还不错,请赏我一颗star吧~~~ 欢迎关注微信公众号

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。