H5唤醒本地APP

一、URL Scheme

H5网页唤起APP，不管是IOS系统还是安卓系统，浏览器是通过URL scheme
来打开APP的。一个APP可以设置一个或者多个scheme用来打开自己的APP。
以下是常见的scheme：（协议）

APP	微信	支付宝	淘宝	新浪微博	QQ	知乎	短信
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事件即可。