app分享后点击进入

Bertha 。 2022-03-14 13:18 316阅读 0赞

需求：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:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xkVHJ1ZUxvdmU_size_16_color_FFFFFF_t_70][]

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

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

分享的流程：

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

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

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

4.根据提示进行操作

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

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

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

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

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

代码：

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xkVHJ1ZUxvdmU_size_16_color_FFFFFF_t_70]: /images/20220313/bbbb2d0c7f784d78baed4c02fd22321f.png