您的位置：首页 > 移动开发

外部浏览器跳转到APP的指定页面

2016-07-08 10:17 495 查看

这周接到一个APP开发任务：

当用户从外部浏览器（如：UC、Safari）点击有关app的按钮时，实现一下功能

1、用户未安装app，点击按钮跳转到app的下载页面

2、用户已安装app，点击按钮打开app并显示指定页面（如注册，登录等）

一. 实现判断是否安装某应用, 有打开, 没用去AppStore下载

首先我们给app添加一个URL Types，用于给web打开的接口

然后我们在web的代码中添加一下js脚本

<body>

<a href="https://itunes.apple.com/cn/app/ju53you-pin-fen-xiao-jian/id1080605326?mt=8" id="openApp">打开app</a>

<script type="text/javascript">



document.getElementById('openApp').onclick = function(e){

var ifr = document.createElement('iframe');

ifr.src = 'com.zttd.webApp://showMessage?https://www.baidu.com';

ifr.style.display = 'none';

document.body.appendChild(ifr);

window.setTimeout(function(){

document.body.removeChild(ifr);

},3000)

};



</script>

</body>
添加完以后，测试结果如下：

1、如果用户未安装app，点击按钮跳转到app的下载页面

2、用户已安装app，点击按钮只能打开app

二、实现跳转到app指定页面

在web页面里设置参数，

如果要实现跳转到指定页面，就需要传参数表示跳转到哪个页面，只需要在上面的网址里：即 ifr.src = 'com.zttd.webApp//参数'

例如跳到登录页面：ifr.src = 'com.zttd.webApp//showMessage?https://www.baidu.com'

在APP里接收该参数，并解析进行跳转，需要在AppDelegate文件里实现以下两种方法，最好两种都写，否则可能接收不到数据，接收到该参数后，进行解析并跳转

- (BOOL)application:(UIApplication *)application openURL:(NSURL
*)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation{
BOOL result = [UMSocialSnsServicehandleOpenURL:url];
if (result ==FALSE) {

if ([url.hostrangeOfString:@"showMessage"].location
!=NSNotFound) {
NSDictionary *dic =@{@"url" : url};
// url为 com.zttd.webApp//showMessage?https://www.baidu.com
// 通知, 实现传参数到指定页面进行操作

[[NSNotificationCenter
defaultCenter] postNotificationName:@"showMessage"object:dic];
}
}
return result;
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航