H5网页端直接打开APP并获取传递数据的方案.

来源：互联网发布：关口知宏中国铁道记行编辑：程序博客网时间：2024/06/03 18:09

先介绍下应用场景, 比如我现在在新闻客户端分享了一篇文章到外部出去,分享出去的页面是个H5页面, 页面中有提示点击 [ 打开app ] 即可打开本地存在的 app , 并且把文章类型与 ID 传递到 app 中让 app 打开这个对应类型与 ID 的新闻页面.

不废话直接撸代码{

1.首先与H5前端开发同事约定一个scheme值.例如:newsapp注意要小写,否则会有不能响应的异常!

2.在你的项目清单文件中,在想要响应并打开的activity的注册标签上加入如下所示的意图过滤器.

<application    android:allowBackup="true"    android:icon="@mipmap/ic_launcher"    android:label="@string/app_name"    android:roundIcon="@mipmap/ic_launcher_round"    android:supportsRtl="true"    android:theme="@style/AppTheme" >    <activity android:name=".MainActivity" >        <intent-filter >            <action android:name="android.intent.action.MAIN" />            <category android:name="android.intent.category.LAUNCHER" />        </intent-filter>        <intent-filter android:autoVerify="true">            <action android:name="android.intent.action.VIEW" />            <category android:name="android.intent.category.DEFAULT"/>            <category android:name="android.intent.category.BROWSABLE"/>            <data                android:scheme="newsapp" />        </intent-filter>    </activity></application>

这里有一点要注意,如果你的启动activity是Main的话, 要像这样加2个过滤器, 否则会产生安装app后没有桌面icon的BUG. 如果不是main而是某一个子页面的activity的话只需要加入上面的第二个意图过滤器就好了.

3. 接下来先看下前端的简单实例代码

<html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <title> title </title>    </head>    <body><a href="newsapp://TYPE=1&ID=110">open app</a><br/>    </body></html>

这个H5页面只有一个 open app 的按钮,点击的时候触发 scheme 通知,此时就会打开你安装在设备中的 app .

4. 获取页面传递过来的值.

我们要在打开的 app 中获取到 H5 传递过来的值需要这么做.

@Overrideprotected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    Uri uri = getIntent().getData();    Log.e("log", uri +" " );    if (uri != null){        String type = uri.getQueryParameter("TYPE");        String id = uri.getQueryParameter("ID");        Log.e("log", type + " = " +  id);        Toast.makeText(this, type + " = " +  id, Toast.LENGTH_SHORT).show();    }}

5. 这种方案属于比较老的技术, 我参考到的资料是 2013 年的,离现在已经 4 年. 目前据我所知的新技术, 在安卓端有 app link, 是安卓 M ( 6.0 ) 后支持的技术. 但是在网上有资料查到使用 HOKO 可以兼容所有版本.暂时没有研究过, 先不发表意见, 后期有时间再研究下发个博客.

}

0 0