个人总结之H5调用本地app
2016-04-21 00:00
411 查看
摘要: 这几天迭代中,添加了个功能,用H5调用本地的app,实现网页和app交互
首先既然H5和本地app达到交互,所以得有个标识,通过这个标识来开启app ,这时候就需要我们app端在manifest中的入口activity中添加scheme,也就是类似标识是的,这时候网页端可以通过这个scheme来开启我们的app,但是如果想要给我们app传递参数的话,那么就不好使了,所以这时候还需要 添加host,就可以了,代码如下
这样就可以了,H5就可以打开我们的app了,当然既然人家给我们传递了参数,那么我们这边肯定要获取的吧,所以我们可以在入口activity中如下操作,来获取参数
这里的idno就是H5那么传递参数的key,通过key来获取value
当然常用的还有使用webview来和js交互,这就很简单了, 首先我们要先对webview进行一些设置, 第一条很关键,true表示和js可以交互, false反之
1. 先说下,js调用Android中的方法
说一下,这里的FromAndroid的这个类不能是内部类,不知为何,反正我先用的是内部类,是调不出来里面的方法,
在JS中代码就更简单了
完毕!!!
2. 然后说下在Android中调用JS的方法
在Android中的代码其实很简单
说明下, 这里fromJS()这个方法是JS中的方法名, 而里面的参数是android部分可以传给js的,然后就可以修改到网页中的内容,当然也可以不传,直接在js端写死了,android部分调用,直接显示就可以
在JS端的代码
这里的fromJS的这个ID其实就是一个div,为了就是直接显示出来,还如上面说的一样,如果不用android传参数,直接fromJS()这个方法中param就不用写,直接一个无参的方法,然后JS端这边类似"我是android调用的JS方法" 这样,写死就好了; 如果想用android传参,并显示,直接把param赋值给div就好了
完毕!!!!
首先既然H5和本地app达到交互,所以得有个标识,通过这个标识来开启app ,这时候就需要我们app端在manifest中的入口activity中添加scheme,也就是类似标识是的,这时候网页端可以通过这个scheme来开启我们的app,但是如果想要给我们app传递参数的话,那么就不好使了,所以这时候还需要 添加host,就可以了,代码如下
<intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE"/> <data android:scheme="abcd" android:host="hello"/> </intent-filter>
这样就可以了,H5就可以打开我们的app了,当然既然人家给我们传递了参数,那么我们这边肯定要获取的吧,所以我们可以在入口activity中如下操作,来获取参数
Intent intent = getIntent(); Uri uri = intent.getData(); String scheme = intent.getScheme(); tv_web.setVisibility(View.GONE); idnoH = uri.getQueryParameter("idno"); System.out.println(idnoH+"idno");
这里的idno就是H5那么传递参数的key,通过key来获取value
当然常用的还有使用webview来和js交互,这就很简单了, 首先我们要先对webview进行一些设置, 第一条很关键,true表示和js可以交互, false反之
WebSettings set = mWebView.getSettings(); set.setJavaScriptEnabled(true);//设置是否直接javascript格式 set.setDefaultZoom(ZoomDensity.MEDIUM); //----设置缩放级别 set.setDefaultTextEncodingName("UTF-8");//---设置编码格式 set.setAllowContentAccess(true); set.setAppCacheEnabled(false); set.setBuiltInZoomControls(false); set.setUseWideViewPort(true); set.setUseWideViewPort(true); set.setLoadWithOverviewMode(true);
1. 先说下,js调用Android中的方法
//第一个参数是 供给js调用的类,第二个参数是js中要用到的调用这个类中的方法的对象,可以随便起 mWebView.addJavascriptInterface(new FromAndroid(context), "AndroidToJs");
说一下,这里的FromAndroid的这个类不能是内部类,不知为何,反正我先用的是内部类,是调不出来里面的方法,
/** * 这是js从android调用方法的类 * @author Administrator * */ public class FromAndroid { Context context; public FromAndroid(Context context){ this.context = context; } @JavascriptInterface public void fromAndroid(String name){ MyToastUtils.show(context, name); } }
在JS中代码就更简单了
function showToast(){ AndroidToJs.fromAndroid("我是js调用android的吐司"); }
完毕!!!
2. 然后说下在Android中调用JS的方法
在Android中的代码其实很简单
//这是调用js中的方法 fragment7_btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { mWebView.loadUrl("javascript:fromJS('嘎嘎')"); } });
说明下, 这里fromJS()这个方法是JS中的方法名, 而里面的参数是android部分可以传给js的,然后就可以修改到网页中的内容,当然也可以不传,直接在js端写死了,android部分调用,直接显示就可以
在JS端的代码
function fromJS(param) { alert(param); document.getElementById('fromJS').innerHTML="我是android调用JS的方法"; showToast(); document.getElementById('fromJS').innerHTML=param; }
这里的fromJS的这个ID其实就是一个div,为了就是直接显示出来,还如上面说的一样,如果不用android传参数,直接fromJS()这个方法中param就不用写,直接一个无参的方法,然后JS端这边类似"我是android调用的JS方法" 这样,写死就好了; 如果想用android传参,并显示,直接把param赋值给div就好了
完毕!!!!
相关文章推荐
- android 通过pull解析xml文件
- 初使用
- 微信开发的注意事项
- 【解决方案+问题分析】微信分销会员上下级关系出现混乱,剖析全过程
- Swift 通过出生日期的字符串计算年龄
- 微信开发心得
- ios开发,javascript直接调用oc代码而非通过改变url回调方式
- iOS js与objective-c的交互(转)
- android framework 触摸屏事件传递
- Android练习项目 Mp3播放器实现 歌词解析(三)
- Swift柯里化(Currying)
- Android Studio快捷键
- iOS 【const的使用】
- iOS多边形按键的创建
- 自学Android开发日志
- 在android中使用Get方式提交数据
- android:screenorientation
- Objective-C中的协议与委托
- ios-自定义alertView提示框
- Intent来传递对象