详解如何通过H5（浏览器/WebView/其他）唤起本地app

31 浏览量 2021-01-19 21:34:50 上传评论收藏 136KB PDF 举报

资源推荐

资源详情

资源评论

详解如何通过详解如何通过H5（浏览器（浏览器/WebView/其他）唤起本地其他）唤起本地app

前两天接到一个无线的需求，我这个小白可是忙活了好几天……在页面上有一个连接，如果用户安装了APP，则点击打开对应的APP如果用户没有安

装，则点击打开对应的设置连接.上网搜索了一下，基本都说可以实现，但是实际情况却不乐观.

当然只是其中的一个需求，还有的是现在各类app，分享出去的H5页面中，一般都会带着一个立即打开的按钮，如果本地安装了app，那么就直接唤起

本地的app，如果没有安装，则跳转到下载。这是一个很正常的推广和导流量的策略，最近产品经理就提出了这样的一个需求，做一个像今日头条功能

一样的带打开app的下载条等等，其他的就不说了！

下面进入我们今天的正题，H5如何打开或者说唤起手机本地的app，纵观百度和Google上面的答案，无非是两种：

第一种方式：第一种方式：

通过在html的a标签里面的href中直接配置android端的schema，当然，如果有host其他的配置，跟在后面就可以了，android端配置和代码如下：

android端配置：

<intent-filter>

</intent-filter>

<intent-filter>

<data android:host="jingewenku.com"

android:scheme="abraham"/>

</intent-filter>

</activity>

注：如果这个是配置在启动页要和标签并列在一起，不然运行后手机app的图标会没有；注意schema协议要小写,否则会有不能响应的异常!

html代码：

<html>

<head>

<title>Insert title here</title>

</head>

<body>

<a href="abraham://jingewenku.com/?pid=1">打开app</a><br/>

</body>

</html>

这里我们来看看schema拼接协议的格式：

< a href="[scheme]://[host]/[path]?[query]">启动应用程序< /a>

各个项目含义如下所示：

scheme：判别启动的App。 ※详细后述

host：适当记述

path：传值时必须的key ※没有也可以

query：获取值的Key和Value ※没有也可以

以上就能实现打开本地的app了，当然是在app存在的情况下，否则的话没有反应。

大家可能会问上面的html代码中配置的不是android里面配置的schema协议吗？我明明没有配置pid，为什么要写这个呢？这是因为我们有些时候在唤

起本地app的时候可能会向app传递一些参数，这些参数我们就可以配置在这里，我们只需要在oncreate里面获取就可以了，代码如下：

Intent intent = getIntent();

Uri uri = intent.getData();

if (uri != null) {

String pid = uri.getQueryParameter("pid");

}

如果还想要获取android里面配置的schema协议的话，还可以这样:

Uri uri = getIntent().getData();

if(uri != null) {

// 完整的url信息

String url = uri.toString();

Log.e(TAG, "url: " + uri);

// scheme部分

String scheme = uri.getScheme();

Log.e(TAG, "scheme: " + scheme);

// host部分

String host = uri.getHost();

Log.e(TAG, "host: " + host);

//port部分

int port = uri.getPort();

Log.e(TAG, "host: " + port);

// 访问路劲

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论收藏

内容反馈

weixin_38721398

粉丝: 4
资源: 937

详解如何通过H5（浏览器/WebView/其他）唤起本地app

Html5跳转到APP指定页面的实现

H5唤起手机本地app

H5唤起原生APP

h5页面唤起app如果没安装就跳转下载(iOS和Android)

H5页面唤醒App(安卓+ios)

HTML5中外部浏览器唤起微信分享

安卓网页h5打开另外一个应用

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

h5打开app源码

Android通过Chrome Inspect调试WebView的H5 App离线.rar

webView2运行时环境.zip

html5唤起原生ios和安卓android app的方法

Android使用WebView调用H5完成摄像头扫描二维码

webview浏览器

webview调起app

H5唤醒APP测试（android版）

点击浏览器中的URL链接，启动特定的App。

H5外部浏览器直接调起微信手机网站调用微信分享

H5手机App开发入门：概念篇

webview不能调用手机文件选择、相机和图库的问题demo

跳转到指定页面的app

手机浏览器唤起微信分享(JS)

webview调用外部浏览器

Android中WebView加载网页设置进度条

Android APP使用WebView调用H5页面完成摄像头扫描二维码软件源码.rar

android WebView 仿照qq内置浏览器

H5 webview上传图片

Iphone在应用APP中打开第三方应用APP

使用WebView加载本地html操作本地数据

最新资源