用最简单的办法唤醒APP

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://itunes.apple.com/cn/app/id1481668192?l=zh&ls=1&mt=8"  // ios APP Store地址
          }
        },
        (s, d, url) => {
          s != 1 && copy(url);
          return url;
        }
      );
}

ok,阐述一下唤醒思路:
Android:很简单,通过scheme唤醒即可
IOS

  1. 如果手机里下载了APP,则通过IOS唤醒链接直接唤醒即可
  2. 若手机没有下载APP,即是唤不醒APP的,所以直接跳到IOS唤醒链接里面,也就是下载页(需要把IOS唤醒链接和下载地址设为同一个链接

这样,就完美解决啦~ 最后附上效果图~
用最简单的办法唤醒APP_第1张图片

你可能感兴趣的:(微信分享,APP唤醒,app,安卓,android,vue.js,javascript)