@pasc/web-callup-native

v1.0.3

Published

3 years ago

网页唤起本地app

Downloads

0High
0Medium
0Low

pasc

web native

@pasc/web-callup-native

@pasc/web-callup-native使开发者可以通过H5页面唤起已安装的app

安装使用

npm install @pasc/web-callup-native

常用配置项

scheme 与app约定好的唤起协议
appId 改配置项主要共iOS手机使用，appId为app在AppStore中的唯一标识符
downloadUrl 该配置项共Android手机使用，设置该地址后，如果用户没有安装app，则会自动跳转到此页面引导用户下载

example

index.js

import callUpApp from '@pasc/web-callup-native';

document.getElementById('callUpBtn').addEventListener('click', function(e){
  new callUpApp({
    scheme: 'pasmtwdsz2018://',
    appStoreUrl: 'itms-apps://itunes.apple.com/cn/app/id1363830499?mt=8',
    downloadUrl: 'https://isz-web.sz.gov.cn/sz/website/h5/'
  }).callUp(function(isCallUp){
    alert(isCallUp ? '唤起成功': '唤起失败');
  });
})

example.html

  <html>
    <head>
      <style>
        body {
          text-align: center;
          font-size: 36px;
          width: 100%;
          height: 100%;
          overflow: hidden;
        }
        .main-container {
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          height: 100%;
        }
        .button {
          display: inline-block;
          /* padding: 10px 15px; */
          background: #27A5F9;
          height: 120px;
          color: white;
          line-height: 120px;
          width: 80%;
          border-radius: 15px;
        }
      </style>
    </head>
    <body>
      <div class="main-container">
        <a class="button" id="callUpBtn">点我打开“i深圳”APP</a>
      </div>
      <script src="./index.js"></script>
    </body>
  </html>

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

@pasc/web-callup-native

安装使用

常用配置项

example