什么是深度链接（deep link)

DeepLink:名为“深度链接”，这是对于已经安装了APP，并把需要的参数通过URL的形式传递给App，指向特定的页面，主要就是帮助开发者实现，从外部链接到App内部页面的直接跳转。简单来说就是你的朋友通过微信给你分享了一个京东的商品链接，你电击这个商品链接之后直接就跳到了京东上对应商品的页面，而非是京东app的首页，少了许多中间的步骤，是一种无障碍场景还原技术，能够能高的提高用户转化率。

想想我们平时使用到的深度链接的场景：

1. 微信点击朋友分享的视频链接，直接跳转到的手机网页端，可以直接播放观看
2. 微信点击朋友分享的视频链接，直接跳转到提示下载APP观看页面，下载APP后直接转到视频观看，无需另外查找这个视频
3. 微信点击朋友分享的视频链接，直接跳转到提示打开APP观看页面，打开APP后直接转到视频观看，无需另外查找这个视频
4. 淘宝分享商品给微信好友，会生成访问链接，朋友可以直接跳转到对应商品界面

使用了深度链接后，用户操作成本明显降低了一至两步，在用户转化的漏斗中，每多一个步骤，漏斗的路径就会多一层，用户流失率也就随之增加。

Deeplink这种技术通常运用于App社交分享、App广告引流、App裂变活动、Web to App、分享效果统计、沉默用户唤醒等场景，对广告引流、活动推广、新闻类、电商类、游戏类、视频直播类App的引流推广。

-------------

在普通Web应用中，DeepLink是我们习以为常的技术，是指通过链接直接定位到指定的资源页面。
URI实例：http://www.test.com/xxx.html
比如可以通过网址直接访问文章。

在移动端，DeepLink是指通过链接直接定位到App的具体位置，而不仅仅是简单唤起APP，也叫做移动端深度链接。
URI实例：myapp://test/spec?param1=p1¶m2=p2
比如我们点击别人分享的h5界面，提示跳转到相应APP界面。

• 移动端深度链接，本质上是使用URI的Schema，移动操作系统提供解析schema的能力，判断schema属于哪个app，唤起并将参数传递给App。

以上图为例：

1. APP1必须支持，如微信屏蔽了很多schema，一般手机浏览器不会屏蔽shcema。
2. APP2必须支持，APP也需要开发,让系统知道其对应的schema，并解析参数定位到具体位置。

所以深度链接访问的流程是（以分享视频为例）：

1. 收到的视频链接解析
2. 根据APP的Schema解析到对应APP
3. 对应APP有做相关处理，所以有的是直接播放，有的是下载APP后播放，有的是打开APP播放
4. 根据解析链接中的对应参数直接跳转到视频页面

-----------

深度链接设计建议：
1.直接跳转到目标位置，不要登陆，不要间接页面，可以后续交互中提示用户。可以参考First Click Free的体验建议。
2.遵循向后和向上导航体验设计，与用户通过向后链接进入该位置的体验保持一致。

--------------

Deferred DeepLink(延迟深度连接）

当移动设备没有安装对应的APP时，普通的深度链接就无法唤起APP。
延迟深度链接的效果是：点击URI->下载安装文件->安装->唤起APP->定位到指定位置。

相关技术

App Link （Android）
Custom URL Scheme （IOS）
Universal Links （IOS）

常用APP的Schema

微信：weixin://
京东：openapp.jdmoble://
腾讯微博：TencentWeibo://
淘宝：taobao://
支付宝：alipay://
微博：sinaweibo://
百度地图：baidumap://
美团：imeituan://
网易公开课：ntesopen://

 

【参考】
https://www.zhihu.com/question/51509486/answer/1277259484

https://blog.csdn.net/weixin_40094522/article/details/87666254

---

延展阅读：

https://drive.google.com/drive/folders/1FzOwSfZk5ARiTAtmmtpkHrfMdMXdxdKm   美团的deep link实践

https://developer.android.com/guide/navigation/navigation-deep-link#kotlin

https://developer.apple.com/documentation/xcode/allowing_apps_and_websites_to_link_to_your_content

https://reactnavigation.org/docs/deep-linking/