笔记-H5页面调起app实现

2020-04-13  本文已影响0人  桃先森_

h5页面调起app实现,通过scheme协议或者link协议调起;

步骤一:
app清单文件设置scheme ,如果此activity已有过滤器需再新建一个,下面代码可直接粘贴到activity标签里面使用;

<intent-filter>
    <!--app://main/splash-->
    <data
        android:host="main"
        android:path="/splash"
        android:scheme="app" />
     <!--必有项-->
    <action android:name="android.intent.action.VIEW" />
    <!-- 目标Activity能通过在网页浏览器中点击链接而激活(比如,点击浏览器中的图片链接)-->
    <category android:name="android.intent.category.BROWSABLE" />
    <!--表示该页面可以被隐式调用,必须加上该项-->
    <category android:name="android.intent.category.DEFAULT" />
</intent-filter> 

步骤二:

<html>
<head>
<title>H5掉起app测试</title>
</head>
<a href="app://main/splash">启动测试</a> 
<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>

步骤三:
运行html文件,用浏览器或者html查看器打开,点击就可以调起了,如果需要带参数的话,可以在路径后面拼接参数,比如 app://main/splash?id=1000

获取参数的地方:

Uri uri = getIntent().getData();
if (uri != null) {
   //获取指定参数值
   String id= uri.getQueryParameter("id");
}

附上一个github上一个三方的h5库,比较完善,适配了很多机型及ios系统版本;
传送门

给自己做个笔记的同时也希望能帮助到别人,喜欢的可以点个关注,随时沟通探讨技术。

上一篇 下一篇

猜你喜欢

热点阅读