H5唤起app

前端客户端职业研发

已于 2022-02-22 11:49:15 修改

阅读量1.5k

点赞数

文章标签： english webapp ios

于 2021-11-29 14:47:36 首次发布

本文链接：https://blog.csdn.net/weixin_42284354/article/details/121531943

版权

mes = “alipayqr://platformapi/startapp?saId=10000003”;手机充值
mes = “alipayqr://platformapi/startapp?saId=10000007”;扫一扫
mes = “alipayqr://platformapi/startapp?saId=10000009”;爱心捐赠
mes = “alipayqr://platformapi/startapp?saId=100000011”;彩票首页
mes = “alipayqr://platformapi/startapp?saId=100000033”;话费卡转让
mes = “alipayqr://platformapi/startapp?saId=10000110”;关于
mes = “alipayqr://platformapi/startapp?saId=10000112”;服务授权
mes = “alipayqr://platformapi/startapp?saId=20000116”;转账

mes = “alipayqr://platformapi/startapp?saId=20000056”;付款码-----210

mes = alipays://platformapi/startapp?appId=20000003;账单
mes = alipays://platformapi/startapp?appId=20000076;账单
mes = “alipays://platformapi/startapp?appId=20000006”;切换账户
mes = “alipays://platformapi/startapp?appId=20000008”;支付宝登出
mes = “alipays://platformapi/startapp?appId=20000009”;手机号注册
mes = “alipays://platformapi/startapp?appId=20000010”;绑定手机
mes = “alipays://platformapi/startapp?appId=20000011”;客服帮助
mes = “alipays://platformapi/startapp?appId=20000013”;修改支付密码
mes = “alipays://platformapi/startapp?appId=20000014”;我的银行卡
mes = “alipays://platformapi/startapp?appId=20000015”;找回登录密码
mes = “alipays://platformapi/startapp?appId=20000017”;修改登录密码
mes = “alipays://platformapi/startapp?appId=20000019”;余额
mes = “alipays://platformapi/startapp?appId=20000020”;卡包
mes = “alipays://platformapi/startapp?appId=20000024”;支付宝设置
mes = “alipays://platformapi/startapp?appId=20000027”;账号切换
mes = “alipays://platformapi/startapp?appId=20000031”;设置个人头像
mes = “alipays://platformapi/startapp?appId=20000032”;余额宝
mes = “alipays://platformapi/startapp?appId=20000033”;提现
mes = “alipays://platformapi/startapp?appId=20000038”;身份验证
mes = “alipays://platformapi/startapp?appId=20000048”;添加生活好
mes = “alipays://platformapi/startapp?appId=20000049”;意见反馈
mes = “alipays://platformapi/startapp?appId=20000050”;打开地图
mes = “alipays://platformapi/startapp?appId=20000057”;账号管理
mes = “alipays://platformapi/startapp?appId=20000068”;快速挂失
mes = “alipays://platformapi/startapp?appId=20000068”;安全中心
mes = “alipays://platformapi/startapp?appId=20000071”;城市一卡通
mes = “alipays://platformapi/startapp?appId=20000078”;上银汇款
mes = “alipays://platformapi/startapp?appId=20000081”;更多

mes = “alipays://platformapi/startapp?appId=20000122”;首页活动
mes = “alipays://platformapi/startapp?appId=20000123”;收钱

mes = “alipayqr://platformapi/startapp?appId=68687017”;年度账单
mes = “alipayqr://platformapi/startapp?appId=20000101”;生活号
mes = “alipayqr://platformapi/startapp?appId=20000102”;打开nfc
mes = “alipayqr://platformapi/startapp?appId=20000107”;出境
mes = “alipayqr://platformapi/startapp?appId=20000108”;挂号就诊
mes = “alipayqr://platformapi/startapp?appId=20000110”;我的保障
mes = “alipayqr://platformapi/startapp?appId=20000115”;设备管理
mes = “alipayqr://platformapi/startapp?appId=20000119”;阿里游戏
mes = “alipayqr://platformapi/startapp?appId=20000118”;芝麻信用
mes = “alipayqr://platformapi/startapp?appId=20000120”;饿了么
mes = “alipayqr://platformapi/startapp?appId=20000123”;收钱
mes = “alipayqr://platformapi/startapp?appId=20000125”;首页
mes = “alipayqr://platformapi/startapp?appId=20000126”;免费wifi
mes = “alipayqr://platformapi/startapp?appId=20000130”;滴滴
mes = “alipayqr://platformapi/startapp?appId=20000132”;亲情号
mes = “alipayqr://platformapi/startapp?appId=20000134”;股票自选
mes = “alipayqr://platformapi/startapp?appId=20000135”;火车票
mes = “alipayqr://platformapi/startapp?appId=20000136”;游戏充值
mes = “alipayqr://platformapi/startapp?appId=20000139”;酒店搜索
mes = “alipayqr://platformapi/startapp?appId=20000141”;修改昵称
mes = “alipayqr://platformapi/startapp?appId=20000142”;娱乐宝
mes = “alipayqr://platformapi/startapp?appId=20000143”;火车票汽车票预定
mes = “alipayqr://platformapi/startapp?appId=20000146”;我的淘宝
mes = “alipayqr://platformapi/startapp?appId=20000150”;汇率换算
mes = “alipayqr://platformapi/startapp?appId=20000153”;游戏中心
mes = “alipayqr://platformapi/startapp?appId=20000155”;飞猪
mes = “alipayqr://platformapi/startapp?appId=20000157”;国际机票查询
mes = “alipayqr://platformapi/startapp?appId=20000160”;蚂蚁会员
mes = “alipayqr://platformapi/startapp?appId=20000161”;理财小工具
mes = “alipayqr://platformapi/startapp?appId=20000162”;羊城通
mes = “alipayqr://platformapi/startapp?appId=20000165”;定期理财
mes = “alipayqr://platformapi/startapp?appId=20000161”;指纹手势解锁
mes = “alipayqr://platformapi/startapp?appId=20000168”;年度账单
mes = “alipayqr://platformapi/startapp?appId=20000176”;红包
mes = “alipayqr://platformapi/startapp?appId=20000183”;设置手势密码
mes = “alipayqr://platformapi/startapp?appId=20000161”;指纹手势解锁设定界面
mes = “alipayqr://platformapi/startapp?appId=20000186”;通讯录
mes = “alipayqr://platformapi/startapp?appId=20000161”;绑定智能手环
mes = “alipayqr://platformapi/startapp?appId=20000197”;首页-热门游戏
mes = “alipayqr://platformapi/startapp?appId=20000199”;花呗
mes = “alipayqr://platformapi/startapp?appId=20000205”;亲情圈
mes = “alipayqr://platformapi/startapp?appId=20000218”;黄金
mes = “alipayqr://platformapi/startapp?appId=20000225”;借条
mes = “alipayqr://platformapi/startapp?appId=20000227”;卡包
mes = “alipayqr://platformapi/startapp?appId=20000234”;刷脸
mes = “alipayqr://platformapi/startapp?appId=20000235”;服务提醒
mes = “alipayqr://platformapi/startapp?appId=20000241”;车险服务
mes = “alipayqr://platformapi/startapp?appId=20000243”;总资产
mes = “alipayqr://platformapi/startapp?appId=20000248”;个性签名
mes = “alipayqr://platformapi/startapp?appId=20000252”;朋友模块
mes = “alipayqr://platformapi/startapp?appId=20000255”;账户充值
mes = “alipayqr://platformapi/startapp?appId=20000266”;邮箱账单
mes = “alipayqr://platformapi/startapp?appId=20000288”;聊天室
mes = “alipayqr://platformapi/startapp?appId=20000290”;可能认识的人
mes = “alipayqr://platformapi/startapp?appId=20000298”;证书管理
mes = “alipayqr://platformapi/startapp?appId=20000301”;多设备管理
mes = “alipayqr://platformapi/startapp?appId=20000305”;支付宝内付款码声波付
mes = “alipayqr://platformapi/startapp?appId=20000307”;暗号 —400

URL Schemes 是什么
通过对比网页链接来理解 iOS 上的 URL Schemes，应该就容易多了。

URL Schemes 有两个单词：

URL，我们都很清楚，http://www.apple.com 就是个 URL，我们也叫它链接或网址；
Schemes，表示的是一个 URL 中的一个位置——最初始的位置，即:// 之前的那段字符。比如 http://www.apple.com 这个网址的 Schemes 是 http。

根据我们上面对 URL Schemes 的使用，我们可以很轻易地理解，在以本地应用为主的 iOS 上，我们可以像定位一个网页一样，用一种特殊的 URL 来定位一个应用甚至应用里某个具体的功能。而定位这个应用的，就应该这个应用的 URL 的 Schemes 部分，也就是开头儿那部分。比如短信，就是 sms:

你可以完全按照理解一个网页的 URL ——也就是它的网址——的方式来理解一个 iOS 应用的 URL，拿苹果的网站和 iOS 上的微信来做个简单对比：

在这里插入图片描述
但是，两者还有几个重要的区别：

所有网页都一定有网址，不管是首页还是子页。但未必所有的应用都有自己的 URL Schemes，更不是每个应用的每个功能都有相应的 URL Schemes。实际上，现状是，大多数的应用只有用于打开应用的 URL Schemes，而有一些应用甚至没有用于打开应用的 URL Schemes。几乎没有所有功能都有对应 URL 的应用。所以，不要说某某应用烂，不支持国内应用。一个 App 是否支持 URL Schemes 要看那个 App 的作者是否在自己的作品里添加了 URL Schemes 相关的代码。

一个网址只对应一个网页，但并非每个 URL Schemes 都只对应一款应用。这点是因为苹果没有对 URL Schemes 有不允许重复的硬性要求，所以曾经出现过有 App 使用支付宝的 URL Schemes 拦截支付帐号和密码的事件。

一般网页的 URL 比较好预测，而 iOS 上的 URL Schemes 因为没有统一标准，所以非常难猜，通过猜来获取 iOS 应用的 URL Schemes 是不现实的。

各应用 URI Scheme：https://www.urischeme.com/
URL Schemes 使用详解：https://sspai.com/post/31500

一、技术简介

Deeplink（深度链接）是一种能够实现应用之间无缝跳转的技术。在移动端，DeepLink能够实现从H5页面直接跳转到目标App具体页面的功能。例如您可以将App内的一个H5页面分享给微信好友，好友点击这个链接就能直接打开对应的App详情页，而不是App首页。如果好友未下载App则会跳转到App下载页面，安装启动后仍然能跳转到App指定页面。这样能大大缩短用户使用路径，降低用户流失率。因此Deeplink功能被广泛用在众多行业App拉新推广等场景，例如：

社交分享场景：用户在微信/QQ内点击分享链接后，从H5页面直接打开 App 内对应店铺页面/新闻页面/游戏房间等指定页面

（分享到微信功能建议集成友盟+社会化分享产品U-Share快速实现）

短信营销场景：为用户推送短信时，短信文字里可以带上链接URL，用户点击这个链接就能打开H5页面，然后在H5页面内直接打开App内指定页面。

广告投放场景：在不同平台投放广告时，用户点击广告卡片就能打开H5页面，然后在H5页面内直接打开App内指定页面。

邮件营销场景：为用户发送邮件时，邮件正文里可以带上链接URL，用户点击这个链接就能打开H5页面，然后在H5页面内直接打开App内指定页面。

因此我们可以看出Deeplink技术适用于多种场景，因此U-Link支持区分出不同渠道的Deeplink数据，即您可以将同一个H5页面投放到分享/短信/广告等不同渠道，我们能够帮助您统计出不同渠道的Deeplink指标。

二、不同操作系统的Deeplink
由于Deeplink技术已经演变了很多年，因此不同操作系统都有着不同版本的Deeplink技术，下面会介绍两种最常用的Deeplink方法：

1.URL Scheme方法

在iOS 9和安卓10（M）之前，移动端实现Deeplink的方式都是通过URL Scheme。一般形式是这样的：Scheme://host:port/path?query=xxxxxxx。

Scheme：表示的是一个 URL 中最初始的位置，即 😕/ 之前的那段字符，我们可以用Scheme来定位对应的App。例如淘宝的Scheme就是taobao、支付宝的Scheme就是alipay，新浪微博的Scheme是sinaweibo。

path：代表了想要跳转的指定页面

query：代表了想要传递的参数。

URL Scheme方式优点在于实现简单，但也有以下两个弊端：

微信、微博、手百禁掉了大部分App的Scheme。如果您的域名不在微信白名单内（白名单功能不对外开放），那么用户就不能直接从微信内唤起APP,目前解决方法只能是引导用户通过右上角浏览器打开的形式，在浏览器内直接唤起App。 因Android端只有URL Scheme这一种方式，所以大部分App的Android端在微信内都不能直接唤起App

H5页面打开App时会弹出一个提示框：“是否打开某某App”，需要让用户点击确认一次，增加了用户使用流程

2.Universal link方法

Universal link 是苹果公司在2015年推出的新一代Deeplink方法，iOS9及以上的用户可以通过点击一个https链接无缝地跳转到一个App应用内的指定页面，中间不需要用户点击确认打开App，也不需要用户在右上角跳转通过safari打开跳转。

如果用户没有安装这个App，则会跳转到App的下载页面。可以看出Universal link方式比URL Scheme方式体验更好，并且目前国内微信、QQ已经支持Universal link形式的跳转，因此更推荐您在iOS端采取Universal link的形式拉起App，这样iOS端能够直接在微信/QQ内拉起Appl 。

三、延迟深度链接
延迟深度链接，也称为Deferred Deep Linking，也就是深度链接的延迟版，实际上延迟深度链接是对深度链接功能的一个细分，是指在用户点击深度链接中打开APP的按钮时，如果手机没有安装APP能够自动跳转到APP的下载页面。

延迟深度链接对于APP而言最大的作用在于缩短了下载路径，能够有效地提升APP的下载量。我们回想一下没有延迟深度链接的场景，当用户收到一个好友发来的或者在Web上浏览的一个推广链接，比如是某电商APP的一件商品，如果他的手机没有安装该APP那么他的操作路径是“退出链接-打开应用商店-搜索APP-安装APP”，如果使用了延迟深度链接用户的操作路径就会优化成“点击链接内按钮-安装APP”。在这种优化之中，用户的主动操作只留下了最开始的按钮触发，既是对用户操作的一种体验优化，更减少了到达下载路径之前用户的主观思考环境，让用户在改变主意之前完成了下载。

实现方案：
在页面按钮上新增定时，默认调用启动App的URI，当超时时间达到的时候，如果未离开当前页就跳转到下载页面。

<script language="javascript"> 
function callApp( url ) {
    var timeout, t = 1000, hasApp = true;
    setTimeout(function () {
        if (hasApp) {
            alert('安装了app'); // URL schame
        } else {
            alert('未安装app'); // 去下载
 			示例：淘宝ios/android下载
			// var iosLinkUrl = "http://apps.apple.com/cn/app/id387682726" // 淘宝 app store 下载地址
			//  var androidLinkurl = "https://a.app.qq.com/o/simple.jsp?pkgname=com.lucky.luckyclient" //(找不到淘宝应用宝地址，这里以lucky coffee为例)

       }
        document.body.removeChild(ifr);
    }, 2000)
    var t1 = Date.now();
    var ifr = document.createElement("iframe");
    ifr.setAttribute('src', url);
    ifr.setAttribute('style', 'display:none');
    document.body.appendChild(ifr);
    timeout = setTimeout(function () {
         var t2 = Date.now();
         if (!t1 || t2 - t1 < t + 100) {
             hasApp = false;
         }
    }, t);
}
</script>

前端客户端职业研发

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
H5唤起app

mes = “alipayqr://platformapi/startapp?saId=10000003”;手机充值mes = “alipayqr://platformapi/startapp?saId=10000007”;扫一扫mes = “alipayqr://platformapi/startapp?saId=10000009”;爱心捐赠mes = “alipayqr://platformapi/startapp?saId=100000011”;彩票首页mes = “alipayqr://pl
复制链接

扫一扫

H5唤起app

“相关推荐”对你有帮助么？