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

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

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

少扯淡,直接上代码:
  • Sky_Monkey
  • Sky_Monkey
  • 2014年04月04日 15:16
  • 39376

js打开app js验证是否安装app js唤醒app

  • 2017年09月13日 16:23
  • 3KB
  • 下载

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

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

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

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

关于H5唤醒APP的功能实现(千辛万苦啊!)

啥话不说,先上js代码 //启动app方法 function startApp(url, url2) { //url是跳转的scheme地址,这个建议下个反编译的软件,去第三方apk查他们设...
  • sinat_29194935
  • sinat_29194935
  • 2017年04月26日 18:27
  • 6560

Android:你要的WebView与 JS 交互方式 都在这里了

前言 现在很多App里都内置了Web网页(Hyprid App),比如说很多电商平台,淘宝、京东、聚划算等等,如下图上述功能是由Android的WebView实现的,其中涉及到Android客户端与W...
  • carson_ho
  • carson_ho
  • 2017年03月22日 09:19
  • 88524

android WebView 启用javaScript

package com.qiaoning; import com.sglnetwork.android.voicepay.R; import android.app.Activit...
  • qiaoning13256
  • qiaoning13256
  • 2011年12月02日 15:26
  • 2963

JS和安卓互相调用以及Scheme协议完成外部链接跳转app指定页面

一: Scheme协议完成外部链接跳转app指定页面 什么是 URL Scheme?     android中的scheme是一种页面内跳转协议,是一种非常好的实现机制,通过定义自己的schem...
  • liulinghuidage
  • liulinghuidage
  • 2016年12月28日 11:27
  • 7745

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

1.AndroiManifest.xml中配置 请在App启动的第一个Activity的那个节点中加入 intent-filter> action android:name="androi...
  • pengpenggxp
  • pengpenggxp
  • 2016年11月22日 16:55
  • 2785
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android js交互 与 Html启动App
举报原因:
原因补充:

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