admin管理员组

文章数量:1123083

手机浏览器下怎么打开app应用

http://m.blog.csdn/y2010081134/article/details/46868675

发表于2015/7/13 22:24:07  1708人阅读

分类： 移动web

      今天在做前端输出的时候，需要和app的做些对接工作。就是在手机浏览器中下载某app时，能判断该用户是否安装了该应用。如果安装了该应用，就直接打开该应用；如果没有安装该应用，就下载该应用。那么下面就对在浏览器中，用js判断某用户是否安装了该应用，并判断是否打开该应用做个简单的介绍。

      那么，怎么判断某用户是否安装了某应用呢？

      在这里，先写段html代码，如下：

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>
	<a href="某app下载链接" class="down_app" οnclick="isInstalled()"></a>
</body>
</html>

      判断手机端是否安装某应用，并打开该应用的js代码如下：

	function isInstalled(){
		var the_href=$(".down_app").attr("href");//获得下载链接
		window.location.href="apps custom url schemes";//打开某手机上的某个app应用
		setTimeout(function(){
			window.location.href=the_href;//如果超时就跳转到app下载页
		},500);
	}

      下面对这段js代码做一个简单的解析：首先试着打开手机端某个app的本地协议；如果超时就转到app下载页，下载该app。

      说到这里，有人就要问了，这个本地协议又是怎么建立的呢？好了，下面也就这个做个简单的介绍：

      其实就是在app中将http协议转换为本地协议，具体怎么转换，不在本讨论范围。但需要在app里面对配置文件做一下设置（一般是在manifest.xml文件的activity的intent filter里面）：

<span>
<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:scheme="**"   
            android:host="**.**"   
            android:pathPrefix="/**">  
         </data>  
</intent-filter>
</span>

      apps custom url schemes是什么呢？

      其实就是你与app约定的一个协议URL，在IOS客户端或者Android客户端中可以设置一个URL Scheme。例如，设置URL Scheme：app，然后其他的程序就可以通过“URLString=app://”调用该应用。还可以传参数，如：app://reaction/?uid=1

      以上介绍了怎么创建该本地协议及调用该本地协议的方法。但这里还有个关键就是怎么判断用户是否安装了该app呢？原理如下：

      在手机浏览器中用js代码请求该协议，如果在500ms内，如果有应用程序能解析这个协议，那么就能打开该应用；如果超过500ms就跳转到app下载页。

      但最近也发现了一些问题，在iPhone、华为、小米及酷派等手机下，都能正确打开app。但当用户手机没有安装app时，iPhone、华为等手机可以打开app应用，小米就打不开。页面会显示所请求的地址有错等，没能跳转到app下载页面。在网上找了些资料，有以下两种解决方法：

1.将setTimeOut的时间缩短，我这里设置的是500ms，觉得时间有点长了，那么我就设置30ms；

2.另外，iOS下将连接协议改成itms://itunes.apple/cn/app可以避免。（至于Android能不能这么搞，还待测试后才知）。


本文标签： 浏览器手机App

版权声明：本文标题：手机浏览器下怎么打开app应用 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1727325358a1236603.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。