Html中通过JS脚本启动Android应用

430 words

2 minutes

Html中通过JS脚本启动Android应用

2017-08-31

开发杂记

Android

Html中通过JS脚本启动Android应用

参考链接

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

通过Html网页调用本地安卓(android)app程序代码

一、启动你的APP#

首先，现在你的APP的Manifest.xml 文件中配置你想提供给js调用的链接

将以下代码添加到你想启动的activity中

1
<intent-filter>
2
    <action android:name="android.intent.action.VIEW" />
3
    <category android:name="android.intent.category.DEFAULT" />
4
    <category android:name="android.intent.category.BROWSABLE" />
5

6
    <data
7
        android:host="test.app.com"
8
        android:pathPrefix="/a"
9
        android:scheme="mypackage" />
10
</intent-filter>

如上所示，则提供的链接为: mypackage://test.app.com/a ，其中 pathPrefix 属性是可选项，不使用时，js调用链接就不需要写后面的路径。 接下来是网页中的配置：

1
<html>
2
    <head>
3
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4
        <title>Open APP</title>
5
    </head>
6

7
    <!-- 链接形式 -->
8
    <body>
9
        <a href="mypackage://test.app.com/a">打开app</a><br/>
10
    </body>
11

12
    <!-- 脚本形式 -->
13
    <script>
14
        window.location.href = "mypackage://test.app.com/a";
15
    </script>
16
</html>

上面代码中的两种形式，按需求使用其中的一种即可，主要目的就是要打开你的APP Manifest.xml 文件中配置的自定义路径。

二、启动APP同时传入参数#

只能打开就没什么意思了，最重要的是，我们要传递数据时，怎么去传递数据呢？我们可通过链接参数的形式将参数传入到APP中，如下所示：

1
<html>
2
    <head>
3
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4
        <title>Open APP</title>
5
    </head>
6

7
    <!-- 链接形式 -->
8
    <body>
9
        <a href="mypackage://test.app.com/a?username=master&passwd=root">打开app</a><br/>
10
    </body>
11

12
    <!-- 脚本形式 -->
13
    <script>
14
        window.location.href = "mypackage://test.app.com/a?username=master&passwd=root";
15
    </script>
16
</html>

如果你是通过浏览器打开的，那么可以在 onCreate 或者 onResume 中添加以下代码：

1
Uri uri = getIntent().getData();
2
String name= uri.getQueryParameter("username");
3
String pass= uri.getQueryParameter("passwd");

如果是通过WebView加载的，那么只要获取到 Url 地址的字符串即可：

1
Uri uri=Uri.parse(url);
2
if (uri.getScheme().equals("mypackage")&&uri.getHost().equals("test.app.com")) {
3
    String arg0=uri.getQueryParameter("username");
4
    String arg1=uri.getQueryParameter("passwd");
5
} else {
6
    view.loadUrl(url);
7
}