H5在微信/QQ/安卓/IOS拉起app-直接唤醒跳进去!
h5拉起app,h5唤醒app
·
h5拉起app,h5唤醒app,倾情给各位讲清楚思路和实现办法,记得标记我看后续哦~
不是所有用户都下载了我们的app,那么针对不同系统和是否已下载我捋出来了一套完美的h5拉唤醒app的思路:
…会有人问scheme是什么吗?会有人问通用链接是什么吗?应该不会有人问应用吧链接是什么吧?在这我就不介绍了,你就知道结论就好:scheme用来给安卓跳,如果本机已经下载了app,可以直接跳进去,如果没下载就跳应用宝。通用链接用来给ios跳,如果本机已经下载了app,可以直接跳进去,如果没下载会直接跳到默认页
思路如上,下面是一套代码,直接用就行:
// 跳转跳转跳转
androidOpen() {
if (this.platStr == 'pyq') {
console.log('pyq')
window.location.href = `配置的应用宝链接`
} else if (this.platStr == 'wechat') {
console.log('wechat')
window.location.href = `配置的应用宝链接`
} else if (this.platStr == 'weibo') {
console.log('weibo')
window.location.href = `配置的应用宝链接`
} else if (this.platStr == 'qq') {
console.log('qq')
window.location.href = `配置的应用宝链接`
} else {
window.location.href = `配置的应用宝链接`
}
},
iosOpen(address) {
// console.log('通用链接跳转')
window.location.href = address
},
AnOpen(address) {
// console.log('urlS链接跳转')
if (isWeixin()) {
// wx安卓跳转不了,做个蒙版提示打开浏览器调整
this.isanan = true
} else {
window.location.href = `scheme配置的//${address}`
//同时页面到应用宝页面,如果加延时的话对未下载app的用户来说跟有延迟似的,所以同时
this.androidOpen()
}
},
closeanan() {
this.isanan = false
},
// 下载跳转--如果有点击就下载就选择这个
downloadHandle( ) {
if (isAndroid()) {
this.androidOpen()
} else if (isIOS()) {
window.location = `apple store的配置链接`
}
},
//拉起跳转--如果需要唤醒app跳进去就选择这个
openIsland(use) {
if (isAndroid()) {
this.AnOpen(use)
} else if (isIOS()) {
this.iosOpen(`apple 通用链接${use}`)
}
},
这套方案不接受质疑,是深思熟虑并实操测试后的最佳方案。
但如果你有更好的,私聊我我可以来学习~
End~
更多推荐
已为社区贡献2条内容
所有评论(0)