h5唤醒app,这个功能很常见,至于怎么操作呢,往下看~
笔者用的是web-launch-app,安装命令 npm install web-launch-app --save ,接着import需要的模块即可,附上官网地址 web-launch-app官网
二话不说,贴代码
onClickOpenAppHandle() {
const lanchApp = new LaunchApp();
lanchApp.open(
{
launchType: {
ios: inWeixin ? "store" : "link",
android: "scheme"
},
autodemotion: false,
scheme: AndroidLink, // 安卓唤醒链接
url: IosLink, // IOS唤醒链接
param: {
type: 2,
brokerId: this.$route.query.brokerId,
showId: this.$route.query.showId
},
timeout: 2000,
pkgs: {
/*TODO: 正式apk链接 */
android: AndroidDownLoadLink, // 安卓下载链接
ios: "https://******************************************" // ios APP Store地址
}
},
(s, d, url) => {
s != 1 && copy(url);
return url;
}
);
}
ok,阐述一下唤醒思路:
Android:很简单,通过scheme唤醒即可
IOS:
- 如果手机里下载了APP,则通过IOS唤醒链接直接唤醒即可
- 若手机没有下载APP,即是唤不醒APP的,所以直接跳到IOS唤醒链接里面,也就是下载页(需要把IOS唤醒链接和下载地址设为同一个链接)
这样,就完美解决啦~ 最后附上效果图~