您的位置: 首页 > 文章 > app分享后点击进入

app分享后点击进入

分类: 文章 • 2025-03-11 15:20:58

需求：APP中分享出去的文章需要在其它应用打开后，通过右上角的打开还能跳转到相对应的APP详情页面

用web打开自己app的协议，app未安装时跳转到appstore

在ios9中打开app时强制提示“Safari打不开该网页，因为网址无效”

想问有没有什么方案，既能在app已安装时打开app，又能在app未安装时跳过上面的提示直接setTimeout到appstore

前提：知道自己APP对应的打开协议(scheme url)，比如：贴吧APP：com.baidu.tieba://，微信的：weixin://

ios:

Safari启动自定义的URL Schemes APP

android:

app分享后点击进入

我们的是android:scheme="sxcoal.mt" android:host="com"

因此分享时候使用的为sxcoal.mt://com/参数(模块+分类)

分享的流程：

1.浏览APP中看到某一篇喜欢的文章，分享单篇文章到通讯软件(微信、qq、微博等)

2.其它好友看到分享的信息，打开分享的内容，有立即打开的字样

3.点击立即打开，可能有一些软件支持直接跳转，但是大部分是不允许在此应用中打开其它应用的，因此做了一个过渡页

4.根据提示进行操作

注意：这个地方有一个特殊的逻辑

首先进入页面会判断是否有APP，如果有APP会提示你是否打开APP

如果取消了，下面有立即下载按钮，也是相应的逻辑

打开之后，APP会根据我返回的参数，跳转到某一页的详情页

通过浏览器打开页面的提示以及点击按钮的逻辑，其它都是做一个铺垫进行数据的传输以及过度

代码：

var iphoneSchema = 'fenwei.meitan://html/<?=$apptype?>@<?=$id?>';
//iOS 9及以上版本
var universalLink = 'https://app.xxxxxx.com/share/project?cid=39783&cover=http://file.xxxxxx.com/eImg/uimages/20170901/1504260781459851.jpg';
//https://app.xxxxxx.com/share/article?cid=39783&cover=http://file.xxxxxx.com/eImg/uimages/20170901/1504260781459851.jpg
//Android 打开京东
var androidSchema = 'fenwei.meitan://html/<?=$apptype?>@<?=$id?>';
var downUrl = '<?=$url?>';//下载连接
var isIphone = navigator.userAgent.match(/(iPhone|iPod|iPad);?/i);
var isAndroid = navigator.userAgent.match(/android/i);
var isWeixin = function(){ //判断是否是微信
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
} else {
return false;
}
};
$(document).ready(function(){
if (isAndroid) {
var ifr = document.createElement('iframe');
ifr.src = androidSchema;
ifr.style.display = 'none';
document.body.appendChild(ifr);
setTimeout(function () {
document.body.removeChild(ifr);
}, 3000);
} else if (isIphone) {
var ifr = document.createElement('iframe');
ifr.src = iphoneSchema;
ifr.style.display = 'none';
document.body.appendChild(ifr);
window.setTimeout(function(){
document.body.removeChild(ifr);
},3000);
}
});
function open_app() {
// alert("android"+androidSchema);
// alert("ios"+iphoneSchema);
if (isAndroid) {
//alert("安卓");
$('#open_app').attr('href', downUrl);
var ifr = document.createElement('iframe');
ifr.src = androidSchema;
ifr.style.display = 'none';
document.body.appendChild(ifr);
setTimeout(function () {
document.body.removeChild(ifr);
$('#open_app').attr('href', downUrl);
}, 3000);
} else if (isIphone) {
/*window.location.href = iphoneSchema;
setTimeout(function () {
window.location.href = downUrl;
}, 3000);*/
var ifr = document.createElement('iframe');
ifr.src = iphoneSchema;
ifr.style.display = 'none';
document.body.appendChild(ifr);
window.setTimeout(function(){
document.body.removeChild(ifr);
},3000);
return false;
} else {
//非iOS、Android 手机，隐藏打开文章按钮
}
}