1.0.3 • Published 5 years ago
@pasc/web-callup-native v1.0.3
@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>