android h5 唤醒微信,H5唤醒App,用通用连接解决在微信打开APP的问题

本文介绍了如何使用通用连接来解决在微信环境下唤醒Android App的问题。当用户点击按钮时,如果在微信内,会先尝试打开App Store或应用宝,若已安装App则直接打开;在iOS设备上则可直接唤醒已安装的App。通过检查用户代理和设置延迟跳转,实现了在不同平台上的兼容处理。
摘要由CSDN通过智能技术生成

最近的项目中,点击按钮唤醒App的需求经常有,之前也有考虑过用通用连接的方式来解决,但代码修改来修改去,一直都觉得不完美,最后只能先暂时用下面的方式来解决,后期有更好的解决办法再去优化。

下面代码的解决思路是,点击下载App按钮的时候先给个“正在为您跳转”的提示,如果在微信中,会先打开App Store,然后在App Store里面打开App(如果你的手机上已经下载了App的话),如果手机上并没有下载该App就会跳转到应用宝,然后在应用宝中下载。

在微信上会出现这种原因是因为:schema 被微信屏蔽了,除非一些和微信有合作的 app 可以进入到白名单,其他的应用在微信内都没办法通过自定义 schema 协议直接唤起 app,前端页面需要对唤起场景进行判断。

而在苹果手机的Safari中(如果手机已经安装了该App)就可以直接打开。

代码如下:

HTML代码:

立即下载App

正在为您跳转,请稍等...

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值