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