在移动互联网时代,很多企业都有个性化的app,以便更好地与用户互动和交流。但有时候用户可能并没有下载某个app,而是直接在H5页面浏览,此时企业便需要想办法将用户引导到相应的app上。下面介绍一些H5网页唤醒app的实现方式。
一、uri scheme唤醒app
URI是一种类似于URL的统一资源标识符,可以用来唯一地标识资源或应用程序。URI唤醒app的原理就是页面上的a标签或window.location.href调用app提供的唯一标识符打开app。
例如,在H5页面上添加以下代码:
```
```
当用户点击该链接时,如果用户的手机上已经安装了微信,就会调用微信的uri scheme,打开微信应用。
需要注意的是,uri scheme 唤醒app存在以下缺点:
1. 不同的手机系统支持的uri scheme不同,需要对不同的手机型号进行支持;
2. 如果用户没有安装对应的应用,则无法完成跳转;
3. 安卓手机在添加uri scheme时需要将应用程序进行配置。
二、通过应用宝(云控)唤醒app
应用宝是中国大陆最大的手机应用市场之一,它提供了一种利用应用宝进行唤醒的方法。这种唤醒方式主要包含两个步骤:
1. 添加唤醒js代码
在HTML页面的头部代码中添加应用宝提供的js代码,即可实现跳转功能。代码如下所示:
```
var obj = document.getElementById('id_login_wechat');
var scheme = 'weixin://';
var timer,
interval = 600;
function download(){
window.location.href = 'https://a.app.qq.com/o/simple.jsp?pkgname=com.tencent.mm&fromcase=20011&fontcase=10001';
timer = setTimeout(function(){
var ifr = document.createElement("iframe");
ifr.src = scheme;
ifr.style.display = "none";
obj.appendChild(ifr);
},interval);
}
download();
setTimeout(function(){
clearInterval(timer);
},3000);
```
2. 添加应用宝云控配置
应用宝云控是一种通过应用宝的云控系统实现唤醒的方案。具体操作步骤如下:
(1)登录应用宝开发者平台,进入后台管理;
(2)单击“应用信息”进入应用信息页面;
(3)在页面底部单击“云控参数配置”,按照“必填项”和“选填项”的要求填写相应参数;
(4)保存参数配置,即可在H5页面中通过云控进行app唤醒。
三、Universal Links 唤醒app
Universal Links 是苹果公司在iOS 9版本中引入的新特性,通过将自己的域名绑定到 iOS app 中,能够实现 H5 页面链接唤醒 iOS app 的功能。
1. 配置Universal Link
首先,在Xcode中对自己的应用进行设置,将自己的app与域名进行绑定,并获取到关于Universal Links的关键字及配置一些必须的参数,将其填入到Xcode工程的"Associated domains"位置中。
2. 前端实现Universal Link
在前端编写唤醒app的js代码,具体代码如下:
```
window.location.href="https://www.example.com/?page_id=5"
setTimeout(function(){
// 1秒后跳转到公司链接
window.location.href="https://www.example.com:443/path";
}, 1000);
```
以上代码中的链接都是配置在自己的Universal Links中的链接,当用户点击以上链接时,就能将用户引导到相应的iOS app中。
通过以上三种方式即可实现H5网页唤醒app的功能,在使用过程中,可以选择适合自己企业的方式进行实现。