在浏览器中h5页面唤起app的操作

1.通过callapp-lib插件实现唤起app功能

   npm install –save callapp-lib

2.页面中使用

 (1)引入callapp-lib包   import CallApp from ‘callapp-lib‘;

 (2)实例化过程中,需要传递一个 options 对象给类,设置options参数

const options = {

    scheme: {  // 用来配置 URL Scheme 所必须的那些字段

        protocol: '',   //APP 协议,就是你要打开的 APP 的标识

        host: ''

    },

    intent: {   

        scheme: '',

        package: ''

    },

    appstore: '',     // appstore的下载地址

    yingyongbao: '',  // 应用宝的下载地址

    fallback: ''     // 唤端失败后跳转的地址

}

this.callAppLib = new CallAppLib(options);

(3)校验唤起app需要的url

function checkUrl(url) {
  if (url.indexOf('#') !== -1) {
    return url.replace(/#/g, 'hashrouter');
  }

  return url;
}

let path = window.location.href;

url = checkUrl(path);

(4)调用唤端功能

callAppLib.open({ path: url });

你可能感兴趣的:(h5,app)