通过一个链接打开本地app，或者去下载app

最新推荐文章于 2024-05-10 23:03:10 发布
最新推荐文章于 2024-05-10 23:03:10 发布
阅读量4.3k 收藏 2
点赞数
分类专栏： android 前端技术


以前支付宝发短信给你手机 ，然后你点开这个链接的时候会发现它自动的打开了支付宝软件   ，这个是如何做到的呢 ？

我认为实现的原理就是，这个链接通过浏览器打开，然后自动执行js方法，如果本地有支付宝软件，就去打开这个方法。。当然支付宝app也要做对应的处理了

1.app端的处理

其实这个主要的工作还是在链接js上的处理，app所要的操作就是很简单的，在Android中的intent-filter提供了对应的操作，

[html]  view plain  copy
  1. <activity android:name=".H5CallActivity">  
  2.             <intent-filter>  
  3.                 <action android:name="android.intent.action.VIEW" />  
  4.                 <category android:name="android.intent.category.BROWSABLE" />  
  5.                 <category android:name="android.intent.category.DEFAULT" />  
  6.                 <data android:scheme="schemedemo"  
  7.                       android:host="pszh.com"  
  8.                       android:pathPrefix="/test/"  
  9.                     />  
  10.             </intent-filter>  
  11.         </activity>  

其中的scheme和hos，以及pathPrefix 和链接的必须是一致的，h5的链接格式必须是

[html]  view plain  copy
  1. <a href="[scheme]://[host]/[path]?[query]"> 唤起应用 </a>  

和上面的一一对应，scheme （唤起协议）和host（唤起指定host）是必须的有的，然后path（协议路径）和query（参数）可以没有

然后就是activity的处理了，

[html]  view plain  copy
  1. Uri uri = getIntent().getData();  
  2.         StringBuilder sb = new StringBuilder();  
  3.         // 唤起链接  
  4.         sb.append("string : ").append(getIntent().getDataString()).append("\n");  
  5.         sb.append("scheme : ").append(uri.getScheme()).append("\n");  
  6.         sb.append("host : ").append(uri.getHost()).append("\n");  
  7.         sb.append("port : ").append(uri.getPort()).append("\n");  
  8.         sb.append("path : ").append(uri.getPath()).append("\n");  
  9.         // 接收唤起的参数  
  10.         sb.append("name : ").append(uri.getQueryParameter("name")).append("\n");  
  11.         sb.append("page : ").append(uri.getQueryParameter("page"));  
  12.   
  13.         tv_url.setText(sb.toString());  

2js的处理

对于js的应用代码呢也贴下吧，这个是通过点击 Start or DownLoad这个按钮来下载的

[html]  view plain  copy
  1. <a id="call-app" href="javascript:;" > Start or Download </a><br/><br/>  
  2.           
  3.           
  4.     <script type="text/javascript">  
  5.   
  6.             (function(){  
  7.   
  8.         var ua = navigator.userAgent.toLowerCase();  
  9.   
  10.         var t;  
  11.   
  12.         var config = {  
  13.   
  14.                 /*scheme:必须*/  
  15.   
  16.                 scheme_IOS: 'schemedemo://',  
  17.   
  18.                 scheme_Adr: 'schemedemo://pszh.com/test/scheme?name=google&page=1',  
  19.   
  20.                 download_url: 'http://www.baidu.com',  
  21.   
  22.                 timeout: 600  
  23.   
  24.         };  
  25.   
  26.   
  27.   
  28.         function openclient() {  
  29.   
  30.             var startTime = Date.now();  
  31.   
  32.   
  33.   
  34.             var ifr = document.createElement('iframe');  
  35.   
  36.   
  37.   
  38.             ifr.src = ua.indexOf('os') > 0 ? config.scheme_IOS : config.scheme_Adr;  
  39.   
  40.             ifr.style.display = 'none';  
  41.   
  42.             document.body.appendChild(ifr);  
  43.   
  44.   
  45.   
  46.             var t = setTimeout(function() {  
  47.   
  48.                 var endTime = Date.now();  
  49.   
  50.   
  51.   
  52.                 if (!startTime || endTime - startTime < config.timeout + 200) {  
  53.   
  54.                     window.location = config.download_url;  
  55.   
  56.                 } else {  
  57.   
  58.   
  59.   
  60.                 }  
  61.   
  62.             }, config.timeout);  
  63.   
  64.   
  65.   
  66.             window.onblur = function() {  
  67.   
  68.                 clearTimeout(t);  
  69.   
  70.             }  
  71.   
  72.         }  
  73.   
  74.         window.addEventListener("DOMContentLoaded", function(){  
  75.   
  76.             document.getElementById("call-app").addEventListener('click',  
  77.   
  78.                     openclient, false);  
  79.   
  80.         }, false);  
  81.   
  82.     })()  
  83.     </script>  

如果你不想点击打开链接就直接OK了呢，（这个呢可以直接问会js的人了）。也可以用下面的代码了

[html]  view plain  copy
  1. <!DOCTYPE html>  
  2.    <html lang="en">  
  3.    <head>  
  4.    <title>h5跳原生</title>  
  5.    </head>  
  6.   
  7.    <body></body>  
  8.   
  9.    <script>  
  10.   
  11.    (function(){  
  12.   
  13.        var ua = navigator.userAgent.toLowerCase();  
  14.   
  15.        var t;  
  16.   
  17.        var config = {  
  18.   
  19. *scheme:必须*/  
  20.   
  21.                scheme_IOS: 'schemedemo://',  
  22.   
  23.                scheme_Adr: 'schemedemo://pszh.com/test/scheme?name=google&page=1',  
  24.   
  25.                download_url: 'http://www.baidu.com',  
  26.   
  27.                timeout: 600  
  28.   
  29.        };  
  30.   
  31.   
  32.   
  33.        function openclient() {  
  34.   
  35.            var startTime = Date.now();  
  36.   
  37.   
  38.   
  39.            var ifr = document.createElement('iframe');  
  40.   
  41.   
  42.   
  43.            ifr.src = ua.indexOf('os') > 0 ? config.scheme_IOS : config.scheme_Adr;  
  44.   
  45.            ifr.style.display = 'none';  
  46.   
  47.            document.body.appendChild(ifr);  
  48.   
  49.   
  50.   
  51.            var t = setTimeout(function() {  
  52.   
  53.                var endTime = Date.now();  
  54.   
  55.   
  56.   
  57.                if (!startTime || endTime - startTime < config.timeout + 200) {  
  58.   
  59.                    window.location = config.download_url;  
  60.   
  61.                } else {  
  62.   
  63.   
  64.   
  65.                }  
  66.   
  67.            }, config.timeout);  
  68.   
  69.   
  70.   
  71.            window.onblur = function() {  
  72.   
  73.                clearTimeout(t);  
  74.   
  75.            }  
  76.   
  77.        }  
  78.   
  79.        openclient();  
  80.   
  81.    })()  
  82.    </script>  
  83.   
  84.    </html>  

蓝水依依
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
通过超链接url打开一些常见app（scheme）
01-13
通过超链接url打开一些常见app（scheme）
打开或下载app
lenSoya的博客
09-05 753
// JavaScript Document //设备判断 function IsAndroid() { var userAgentInfo = navigator.userAgent; var Agents = new Array("iPhone", "iPad", "iPod"); //Yeffect.mAlert(userAgentInfo) var flag = true; f
Android 点击Url（短信链接）打开App
最新发布
2401_84912135的博客
05-10 863
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
js打开app应用或进入下载页面
积水成海，积土成岳
07-12 9984
打开一个页面，如果装了应用，就打开该应用；没装的时候，iOS 跳 App Store 下载，Android 跳到下载 apk 包的页面
移动端下载App或者打开指定App
weixin_30299539的博客
07-29 774
需求是在项目活动页中下载app或者如果已经已经安装app打开app 代码如下 1 navToDownApp() { 2 let u = navigator.userAgent 3 if (/MicroMessenger/gi.test(u)) { 4 // 如果是微信客户端打开，引导用户在浏览器中打开 5 ...
微信如何直接下载apk,实现微信点击超链接自动下载APP
wolfly985的博客
03-29 3789
目前的APP基本都支持二维码扫描下载。由于微信现在是主流的聊天软件，90%的用户都是通过微信分享APP的，再从分享的链接下载apk/ios包。 然而在我们做营销活动或推广宣传的时候，容易遇到域名被微信拦截，提示“已停止访问该网页”，无法下载app等情况。这是因为微信会对含安装包的下载链接进行自动拦截导致的，那么这个问题要如何解决呢。 这时需要微信内直接下载app的功能，该红能实现后，不仅可以防...
微信通过页面(H5)直接打开本地app的解决方法
08-29
微信通过页面(H5)直接打开本地app是指微信用户在微信中点击链接，直接打开已经安装在本地的app，而不是打开微信浏览器中的H5页面。这种方式可以提高用户体验，减少用户的操作步骤。下面将详细介绍微信通过页面(H5)...
HTML5打开本地app应用的方法
09-28
通常，这可以通过提供一个备用的链接，引导用户去应用商店下载应用，或者展示一个提示信息，告知用户需要先安装应用才能继续。 总结来说，HTML5打开本地app应用的方法是通过定义自定义URL协议，并在应用的配置文件...
Android编程实现点击链接打开APP功能示例
01-04
本文实例讲述了Android编程实现点击链接打开APP功能。...此时当用户点击链接之后会直接打开本地APP，进入相关页面。 功能实现： 1.在manifest中为相应的activity添加intent-filter: <action android:name=and
详解如何通过H5（浏览器/WebView/其他）唤起本地app
09-27
如果用户设备上安装了相应的应用，该应用就会被启动，否则，如果无对应应用，链接通常会打开一个错误页面或者提示用户下载对应应用。 【Android配置】 在Android平台上，开发者需要在AndroidManifest.xml文件中为...
点击浏览器中的URL链接，启动特定的App。
04-07
点击浏览器中的URL链接，启动特定的App。 首先做成HTML的页面，页面内容格式如下： 启动应用程序 这一句就可以了。 各个项目含义如下所示： scheme：判别启动的App。 ※详细后述 host：适当记述 path：传值时必须的key ※没有也可以 query：获取值的Key和Value ※没有也可以 作为测试好好写了一下，如下： 启动应用程序 接下来是Android端。 首先在AndroidManifest.xml的MAIN Activity下追加以下内容。(启动Activity时给予) ※必须添加项
推荐下载App，如果本地安装则直接打开本地App（Android/IOS）
weixin_30793643的博客
11-18 413
推荐下载App，如果本地安装则直接打开本地App（Android/IOS） - 纵观现在每家移动网站，打开首页的时候，都有各种各样的形式来提示你下载自身的移动App（Android/IOS），这是做移动客户端产品的一个很好地引流的手段。当然各家引流下载的交互和视觉各不相同，有的是完全“强奸”用户，有的是完全取悦用户。但是最终的形式就是你点击一个按钮之后，可以去下载对应的App（Android...
安卓通过url打开app，以及下载对应app
u013377714的专栏
06-08 7396
一.使用Custom Scheme URI打开APP 此红色部分(自定义Uri)引用的博客是：http://blog.csdn.net/buptlzx/article/details/9837137 就Android平台而言，URI主要分三个部分：scheme, authority and path。其中authority又分为host和port。格式如下： scheme://ho...
Android App links 链接打开app功能
蓝色的天空的博客
08-17 7750
Android App Links是6.0以后才支持的链接方式，APP通过定义一组你自有的HTTP URL将该其设置为系统的默认打开对应域名的地址的应用（注意区分：不是6.0以下的默认打开某类数据）。当用户点击了包含你的域名的链接时，系统默认用你的APP打开该链接，如果用户手机未安装你的APP，那么会直接用浏览器打开。2、无缝的用户体验：因为只有自己的APP可以打开，所以不会出现让用户选择哪个应用的打开的弹框，如果用户没有安装你的APP，则直接用浏览器打开。2、如果只有一个应用能打开，则直接用该应用打开；.
微信链接跳转浏览器 H5实现APP下载功能实现方法
hunan9572的博客
03-11 6799
由于微信的限制，应用文件在内置浏览器中下载全部被屏蔽掉，造成很多人用微信扫描二维码下载时点击下载按钮没反应，我想到的是做一个提示用户在浏览器中打开下载。 可以参考：微信打开网址添加在浏览器中打开提示和微信扫描打开APP下载链接提示代码优化。 其实原来很简单，就是判断当前是在微信内置浏览器中，然后将默认隐藏的提示层显示出来。 案例如下： 一、遮罩提示： 二、微信跳转:微信...
使用h5 <a>标签 href='url' download 下载踩过的坑
weixin_33736048的博客
10-10 1962
用户点击下载多媒体文件(图片/视频等)，最简单的方式： <a href='url' download="filename.ext">下载</a> 如果url指向同源资源，是正常的。 如果url指向第三方资源，download会失效，表现和不使用download时一致——浏览器能打开的文件，浏览器会直接打开，不能打开的文件，会直接下载。浏览器打开的文件，可以手动...
vue写一个静态打开电脑本地应用
09-21
在 `template` 中，你可以创建一个按钮或者链接，用于打开本地应用。例如： ```html 打开应用 ``` 然后，在 `methods` 中，你可以使用 JavaScript 的 `window.open` 方法来打开本地应用。例如： ```...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值