Android js交互 与 Html启动App

原创 2017年01月03日 20:00:32

最近项目刚好有做到内部HTML页面跳转原生页面和html代码启动App页面的功能,做完之后觉得相关知识可以整理一下


先说下项目所用到的js交互

android调取JS的方法

WebView直接加载js的方法就好了
代码如下

WebView.loadUrl("javascript:function(arg)")

html调用Android原生方法
//重点实现代码
WebView.addJavascriptInterface(Object object,String name)

Objcet 对象是自己创建的对象,整体代码如下

public class AndroidJs{

  @JavascriptInterface
   public void test(){}

}

//webview code
WebView.addJavascriptInterface(new AndroidJs(),“AndroidJs” )

//html code
window.AndroidJs.test()

外部HTML启动APP页面

使用Scheme方案设置
在AndroidManifest.xml文件中对应的页面标签添加如下

<activity android:name="...">
<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:host="hostName"
        android:path="path"
        android:scheme="schemeName" />
</intent-filter>
</activity>

Android Develop 标签 官方文档

Html代码调用如下

<a href = "schemeName://hostName/path">
//需要带参数的和http链接的get请求一样
<a href = "schemeName://hostName/path?id=1&name=mark">

带参数的调用 在Activity中的获取方式

String action = getIntent().getAction();
if(!TextUtils.isEmpty(action)&&Intent.ACTION_VIEW.equal(action)){
Uri uri = getIntent().getData();
if(uri != null){
    String id = uri.getQueryParameter("id");
    String name = uri.getQueryParameter("name");
}
}
自定义WebView处理scheme格式链接
public void loadUrl(String url){

  if(isSchemeUrl(url)){
    Intent intent = new Intent();
    intent.setData(Uri.parse(url));
    startActivity(intent);
  }

}

private boolean isSchemeUrl(String url) {
    if (TextUtils.isEmpty(url))
        return false;
    String[] strs = url.split("://");
    if (strs.length > 1) {
        String host = strs[0];
        if (host.equalsIgnoreCase("http") || host.equalsIgnoreCase("https"))
            return false;
        else
            return true;
    } else return false;
}

一上是本人在处理Android JS交互 和 html启动APP的一些心得,如有问题,请各位留言

相关文章推荐

通过网页的JS代码启动移动APP

少扯淡,直接上代码:

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

js 通过浏览器直接打开应用程序(IOS,Android)

实现效果如下图所示,在手机浏览器中访问京东的手机版网站(m.jd.com),顶部会有一个广告图,点击这个广告图,如果手机上已经安装了京东App,则直接打开,如果没有安装,则开始下载。实现方式1.为An...

js 实现呼起(打开)app

我们知道,js是无法判断手机是否安装了某款app的,但是有时候我们会有这样的需求:点击下载app按钮,如果已经安装了这款app则呼起,如果没有安装则跳转到下载页。思路: 在前端,如果想实现上述问题,...

JS检测是手机否安装App并打开,否则跳转App Store的方法

常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用...

点击页面判断是否安装app并打开,否则跳转app store的方法

常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用...
  • xyxjn
  • xyxjn
  • 2014年12月08日 16:40
  • 75604

js打开app应用或进入下载页面

打开一个页面,如果装了应用,就打开该应用;没装的时候,iOS 跳 App Store 下载,Android 跳到下载 apk 包的页面...

Android与JS的交互简单实现

Android与JS的交互简单实现现在Android的势头慢慢已经趋向平稳.java的光辉岁月再一次燃烧(虽然java一直都是一颗常青树).Android为什么要使用js呢?如果一个webview都可...

JS唤醒Android APP(包括在外部浏览器和WebView)

1.AndroiManifest.xml中配置 请在App启动的第一个Activity的那个节点中加入 intent-filter> action android:name="androi...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android js交互 与 Html启动App
举报原因:
原因补充:

(最多只允许输入30个字)