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~

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐