详解如何通过H5（浏览器/WebView/其他）唤起本地app，h5webview分享-计算机技术网

前两天接到一个无线的需求，我这个小白可是忙活了好几天……在页面上有一个连接，如果用户安装了APP，则点击打开对应的APP如果用户没有安装，则点击打开对应的设置连接.上网搜索了一下，基本都说可以实现，但是实际情况却不乐观.

当然只是其中的一个需求，还有的是现在各类app，分享出去的H5页面中，一般都会带着一个立即打开的按钮，如果本地安装了app，那么就直接唤起本地的app，如果没有安装，则跳转到下载。这是一个很正常的推广和导流量的策略，最近产品经理就提出了这样的一个需求，做一个像今日头条功能一样的带打开app的下载条等等，其他的就不说了！

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

第一种方式：

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

android端配置：

     <activity android:name = ".MainActivity">         <intent-filter>             <action android:name = "android.intent.action.MAIN" />             <category android:name = "android.intent.category.LAUNCHER" />         </intent-filter>         <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="jingewenku.com"                              android:scheme="abraham"/>         </intent-filter>     </activity>

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

html代码：

 <html>        <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">                        <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);  // 访问路劲  String path = uri.getPath();  Log.e(TAG, "path: "  + path);  List<String> pathSegments = uri.getPathSegments();  // Query部分  String query = uri.getQuery();  Log.e(TAG, "query: "  + query);  //获取指定参数值  String goodsId = uri.getQueryParameter("goodsId");  Log.e(TAG, "goodsId: "  + goodsId); }

如何判断一个Schema是否有效 :

 PackageManager packageManager = getPackageManager(); Intent intent = newIntent(Intent.ACTION_VIEW, Uri.parse("abraham://jingewenku.com:8888/goodsDetail?goodsId=10011002")); List<ResolveInfo> activities = packageManager.queryIntentActivities(intent, 0); booleanisValid = !activities.isEmpty(); if(isValid) {  startActivity(intent); }

这种方式也是我百度到的最多的方式，但是这样就带来了一个问题了，上面的需求说的是“在页面上有一个连接，如果用户安装了APP，则点击打开对应的APP；如果用户没有安装，则点击打开对应的设置连接”，这明显就不符合需求了，这只能作为一些个别需求来使用了。

第二种方式：

既然通过在href配置schema协议不行，那就只能通过js代码来实现了，只有这样才能根据判断实现app有的时候就打开，没有的时候就跳转到下载链接下载。
我们知道，js是无法判断手机是否安装了某款app的，所以我们只能够曲线救国了，我们可以获取时间如果，长时间不能呼起app则默认为没有安装这款app，然后跳转到下载页。当然这不是我想出来的，是网上的各位大佬的想法。在这里又要细分为两种情况了。

1.直接唤醒

说明：通过h5可换醒app，如访问一个URL，点击按钮，打开应用，如果该应用APP没有安装，那么直接跳转到App Store的APP下载页面，通过点击的方式兼容性较好，如果安装了app，在手机各大浏览器(360浏览器、uc浏览器、搜狗浏览器、QQ浏览器、百度浏览器 )和QQ客户端中，能唤醒。微信、新浪微博客户端、腾讯微博客户端无法唤醒。

代码如下：

—-想了解更多的html相关干货教程关注<计算机技术网(www.ctvol.com)!!>

<html xmlns=

本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址：https://www.ctvol.com/htmltutorial/110745.html

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

精彩推荐