最近的项目中,点击按钮唤醒App的需求经常有,之前也有考虑过用通用连接的方式来解决,但代码修改来修改去,一直都觉得不完美,最后只能先暂时用下面的方式来解决,后期有更好的解决办法再去优化。
下面代码的解决思路是,点击下载App按钮的时候先给个“正在为您跳转”的提示,如果在微信中,会先打开App Store,然后在App Store里面打开App(如果你的手机上已经下载了App的话),如果手机上并没有下载该App就会跳转到应用宝,然后在应用宝中下载。
在微信上会出现这种原因是因为:schema 被微信屏蔽了,除非一些和微信有合作的 app 可以进入到白名单,其他的应用在微信内都没办法通过自定义 schema 协议直接唤起 app,前端页面需要对唤起场景进行判断。
而在苹果手机的Safari中(如果手机已经安装了该App)就可以直接打开。
代码如下:
HTML代码:
正在为您跳转,请稍等...
CSS代码:
.cyj-download-btn{
width:8.86666667rem;
height: 1.25333333rem;
line-height: 1.25333333rem;
background: #e72d2d;
color: #fff;
border-radius: 0.6266666667rem;
display: block;
text-align: c