一、URL Scheme
H5网页唤起APP,不管是IOS系统还是安卓系统,浏览器是通过URL scheme
来打开APP的。一个APP可以设置一个或者多个scheme用来打开自己的APP。
以下是常见的scheme:(协议)
APP | 微信 | 支付宝 | 淘宝 | 新浪微博 | 知乎 | 短信 | |
---|---|---|---|---|---|---|---|
URL Scheme | weixin:// | alipay:// | taobao:// | sinaweibo:// | mqq:// | zhihu:// | sms:// |
scheme语法:
行为(应用的某个功能)
|
scheme://[path][?query]
| |
应用标识 功能需要的参数
例如:https://baidu.com/search?key=CSDN
1、微信内部
微信浏览器内部打开APP限制问题:
只有在微信中,只有在微信白名单中才会从内部打开APP;
否则,则会失败。若在应用宝中已上架,则会跳转到应用宝下载的地址。
那么,问题又来了,此时从在浏览器中打开的地址是目标应用在应用宝中
的下载地址。
2、外部浏览器
通过location方法打开目标APP的协议地址。
下面开始粘贴代码:
const a_scheme = 'club.modernedu.lovebook'
const i_scheme = 'www.modernedu.club'
var ua = window.navigator.userAgent.toLowerCase();
if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
// ios
if(ua.match(/MicroMessenger/i) == "micromessenger") {
// 微信内,打开目标应用在app store的位置
window.location.href = "//itunes.apple.com/app/id13666666"
return
}
// safari浏览器直接打开
window.location.href = i_scheme + '://param?key=ios'
return
}
if(ua.match(/MicroMessenger/i) == "micromessenger") {
// 微信,跳转应用宝下载地址
window.location.href = "https://a.app.qq.com/o/simple.jsp?pkgname=club.modernedu.lovebook"
return
}
// 安卓浏览器
window.location.href = a_scheme + '://param?key=android'
二、a标签跳转
实现方式:动态添加a标签,然后确定href,触发click事件即可。