一，产品需求

产品需求是：app分享到微信一个h5页面，点击h5页面，如果用户有app就打开app，没有app就下载app。

二，具体实现

一，判断是不是在微信里打开 首先要知道在微信里点开链接，是调不起来app的。原因很简单，微信是目前超高活跃度的app稳稳第一名，但是在微信中点击app下载链接，都是无法下载app的。因为腾讯为了自身利益，屏蔽了其他app直接在微信中下载。判断是不是在微信里打开，这个方法网上是有很多的。 if (ua.match(/MicroMessenger/i) == 'micromessenger') 因为微信浏览器调不起来app，所以可以提示用户在浏览器里打开，我是给了个蒙板。如下图：
二，判断是安卓还是ios系统 因为安卓和ios的下载链接不一样所以要判断是ios还是安卓

  if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent))//判断苹果端
  if (/(Android)/i.test(navigator.userAgent))//判断安卓端

***#这里要注意一个东西*** 苹果要想在网页上下载需要权限所以简单的https是不行的需要使用“itms-services”协议。

引申： “itms-services 协议常用于 iOS 企业应用的无线部署，这可在不使用 iTunes 的情况下将内部软件发布或者分享给用户。” 直接上代码 itms-services://?action=download-manifest&url="https路径"

三，调起有APP 原理：不管是ios还是安卓，浏览器都不可能知道手机也没有装某个app，所以方法是首先通过URL scheme打开app，如果打不开，则跳转下载链接。首先调app，直接上代码

  setTimeout(function(){
	     openApp.onclick()
				    }, 200)
  var openApp = document.querySelector('#open')
  openApp.onclick = function() {
         var ifr = document.createElement('iframe');
         ifr.src = scheme
         ifr.style.display = 'none'
         document.body.appendChild(ifr)
 window.setTimeout(function() {
         document.body.removeChild(ifr)
                    }, 3000);
 window.location.href = ifr.src
 };

这样基本就可以吊起来app了，但是，产品需求是调起app后，跳转到分享的商品页面

四，调转到app分享的商品页面 我的方法是通过剪切板，剪切商品id，这样苹果和安卓就可以拿到剪切板数据跳到对应的商品，剪切板代码网上一大堆

三，会出现的问题

1.ios用户没有下载app，Safari浏览器就会弹出“Safari浏览器打不开网页，因为网址无效” 据说是浏览器内部出现从冲突网上说可以用universal link 网上一搜发现配置太麻烦，就放弃了如下图：

2.安卓端里的小米浏览器和uc浏览器会自动缓存文件当代码尝试打开app时，会弹出系统弹框，提示是否打开“app”，如果用户不小心点了取消，用户的选择就会被浏览器缓存住，下次就不会提醒了默认取消就无法调起app了，必须用户清除缓存，才会在出现系统提示。可以在url后面加个时间戳，使每次调用的路径不一样就行了。