h5页面启动安卓应用_h5唤起app

第一种方法：

在主页内加一个meta标签，让native给你他们的id放上即可，这种会在页面的上边出现一条提示你已经安装了app问你是否打开

参考网址 https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html

第二种方法：

let last = Date.now();

var frame = document.createElement('iframe');

frame.src = 'xkd://xkd.yirendai.com';

frame.style.display = 'none';

document.body.appendChild(frame);

setTimeout(function() { document.body.removeChild(frame); }, 4)

// window.location.href='xkd://xkd.yirendai.com'

setTimeout(function() {

if (Date.now() - last > 1000) {

_this.$router.push({path:'/loadingPageLogin/'+_this.loginType,query:{channelNo:_this.channelId}})

}

},1200)

上面这种方式唤起如果在某一个app内打开不会报错了(如果用location.href唤起，在app内打开时唤起的地址会报错因为是在app内打开的,但是用iframe有些and手机可能唤起不成功)

第三种方法：

https://github.com/AlanZhang001/H5CallUpNative

关于通过H5页面唤Native户端的介绍

本文档用于介绍通过H5端唤起本地NN客户端的研究过程！刚进新公司，导师让研究下5页面唤NNtive户端的课题，后面公司客户端产品可能会用到这方面的技术，所以研究了下，写成文章，保密需要，去掉了和具体客户端绑定的内容，希望对那些想了解这方面知识的人有用！

背景

目前通过H5页面唤起native App的场景十分常见，比如常见的分享功能；一方面，对于用户而言，相同的内容在native app上比H5体验更好，操作更加方便，另一方面，对于app运营来说，可以增加app的用户粘性度。

当前native客户端内置webview中，比较常用的是通过schema打开登陆页、触发分享入口的显示；而在外部浏览器或者webview中唤醒公司的客户端目前还没有太多尝试，有据此展开研究的必要性，以便日后在真实的需求中使用！

唤醒native APP 的几种方式

在Android端，常用的方式是Schame + Androi