Android移动开发者必须知道的Deep Linking技术

我不是女神ヾ 2022-07-19 01:53 532阅读 0赞

## 1.概述 ##

Deep Linking（译：深度链接）作为移动开发者可能对这个概念有点陌生，但是对于它的实现原理，说出来大家肯定都知道。不过我们先说一下Deep Linking能做什么？

*  它可以唤起指定应用并向其传递数据，根据传递的数据显示特定内容页的详细信息；

*  它不再受制于应用，只通过一个链接便可唤起应用并跳转到指定页面；

*  它使应用之间产生了联系，使应用不再孤立存在；
 *  它优化了用户体验，这一点是它最终要达到的目的。

根据Deep Linking能做到的，很多人都能想到如何去实现它了，采用Uri Scheme的方式实现，是的！这是最通用的实现方式，不过该方式有一个问题，就是当点击一个深度链接时，该链接必须先经过浏览器才能跳转到相应的应用。不过，从Android 6.0开始，Android又增加了一种更加直接的方式来打开应用——App Links，该技术可以通过一个链接直接打开应用，不再需要浏览器的协助。下面分两部分实现Android如何通过Deep Linking从web页面跳转到指定应用页面。

## 2.Uri Scheme ##

![0_wx_fmt_gif_tp_webp_wxfrom_5_wx_lazy_1][]

Uri Scheme并不是什么特殊的Uri，只是因主要使用了Uri的scheme部分，所以称为Uri Scheme。关于Uri不了解的可以参考官方URI的API文档或者网上搜索相关资料查看，此处不讲解URI。下面讲解如何实现浏览器跳转到指定的APP页面。

目的：使用Uri Scheme实现从web页面唤起应用并跳转到指定页面

分析：

*  使用Uri Scheme需要添加怎样的<intent-filter/>，才能实现从浏览器唤起应用？

*  web页面如何配置对应的URI，才能实现跳转到指定页面？

*  如何接受web页面intent携带的参数？

实现：

1、配置<intent-filter/>

<intent-filter/>对应的组件可以响应符合该<intent-filter/>的URI。如果要实现可以接收浏览器发送的Intent的<intent-filter/>。就必须添加<action android:name="android.intent.action.VIEW" />和  <category android:name="android.intent.category.DEFAULT" />这两项。同时还必须能够接收特定的scheme，所以添加<data/>的属性，并指定scheme的名称。在AndroidManifest.xml文件中进行配置，具体配置如下图（摘自：LinkedME）：

<intent-filter>  
               <data android:scheme="lkmedemo" />  
               <action android:name="android.intent.action.VIEW" />  
               <category android:name="android.intent.category.DEFAULT" />  
               <category android:name="android.intent.category.BROWSABLE" />  
           </intent-filter>

</activity>

2、web页面跳转链接配置

只需简单地添加一个链接就可以实现从web页面唤起App。链接如下：

<a href="lkmedemo://?click\_id=IEGyekes7">open app with uri-scheme</a>

分析：lkmedemo://?click\_id=IEGyekes7，其中lkmedemo对应的就是<intent-filter/>中配置的scheme，这样系统才能找到对应的组件。该URI只包含了scheme、query两部分，其中lkmedemo属于scheme部分，?click\_id=IEGyekes7部分属于query部分，在query部分，你可以添加一些参数。

Notice：query部分的“?”是必须包含的。

当你点击该链接的时候会自动打开能接收该URI的应用，并且你可以在相应的组件中接收参数并进行后续处理。

（DeepLinking Demo：https://github.com/ljpww72729/DeepLinking）

3、参数接收处理

上面指出query部分属于URI携带的一些参数，如何去获取参数呢？通过getQueryParameter()方法可获取query部分的参数，如下：

String click\_id = getIntent().getData().getQueryParameter("click\_id");

获取到参数后就可以根据参数进行后续处理了。

## 3.App Links ##

![0_wx_fmt_gif_tp_webp_wxfrom_5_wx_lazy_1 1][]

在2015的I/O大会上，谷歌宣布了Android M 支持App链接（App Links），这将极大提升用户体验，当用户点击一个web链接时能直接跳转到特定的App内。

在Android M之前，点击一个链接会弹出一个对话框，询问用户使用哪个应用打开 － 包括浏览器应用。但是谷歌在Android M 上实现了一个自动认证（auto-verify）机制，让开发者可以避开这个弹出框，使用户不必去选择一个列表，直接跳转到他们的App。

官方关于App Links的介绍，已经很详细了，不再赘述，这里说一下需要注意的问题：

1、<intent-filter>需要按照以下格式进行配置，其中 android:autoVerify="true" 是必须配置项。因为配置了该项，所以需要特别注意AndroidManifest.xml文件中所有的包含<data/>属性的<intent-filter>，需要在必要的域名服务器上都添加json校验文件，有一项校验不成功都会校验失败。具体参考：https://developer.android.com/training/app-links/index.html\#testing

<table style="margin: 0px 0px 10px; padding: 0px; border-collapse: collapse; width: 605px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;">    
 <tbody style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;"> 
  <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; height: 25px;"> 
   <td style="margin: 0px; padding: 4px 7px 7px; word-wrap: break-word !important; word-break: break-all; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0) rgb(0, 0, 0) rgb(238, 238, 238); max-width: 100%; box-sizing: border-box !important; vertical-align: top;"><p style="margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: pre-wrap; box-sizing: border-box !important; word-wrap: break-word !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; color: rgb(55, 55, 55);"></span>&lt;intent-filter &nbsp;android:autoVerify="true"&gt;</p></td> 
  </tr> 
  <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; height: 0px;"> 
   <td style="margin: 0px; padding: 1px 11px 7px; word-wrap: break-word !important; word-break: break-all; border-width: 0px; border-style: solid; border-color: rgb(238, 238, 238) rgb(0, 0, 0) rgb(0, 0, 0); max-width: 100%; box-sizing: border-box !important; vertical-align: top;"><p style="margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: pre-wrap; box-sizing: border-box !important; word-wrap: break-word !important;">&lt;action android:name="android.intent.action.VIEW"/&gt;</p></td> 
  </tr> 
  <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; height: 0px;"> 
   <td style="margin: 0px; padding: 1px 11px 7px; word-wrap: break-word !important; word-break: break-all; border: 0px solid rgb(0, 0, 0); max-width: 100%; box-sizing: border-box !important; vertical-align: top;"><p style="margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: pre-wrap; box-sizing: border-box !important; word-wrap: break-word !important;">&lt;category android:name="android.intent.category.DEFAULT"/&gt;</p></td> 
  </tr> 
  <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; height: 0px;"> 
   <td style="margin: 0px; padding: 1px 11px 7px; word-wrap: break-word !important; word-break: break-all; border: 0px solid rgb(0, 0, 0); max-width: 100%; box-sizing: border-box !important; vertical-align: top;"><p style="margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: pre-wrap; box-sizing: border-box !important; word-wrap: break-word !important;">&lt;category android:name="android.intent.category.BROWSABLE"/&gt;</p></td> 
  </tr> 
  <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; height: 0px;"> 
   <td style="margin: 0px; padding: 1px 11px 7px; word-wrap: break-word !important; word-break: break-all; border: 0px solid rgb(0, 0, 0); max-width: 100%; box-sizing: border-box !important; vertical-align: top;"><p style="margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: pre-wrap; box-sizing: border-box !important; word-wrap: break-word !important;">&lt;data android:host="applinkingexperiment.appspot.com" android:scheme="http"/&gt;</p></td> 
  </tr> 
  <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; height: 0px;"> 
   <td style="margin: 0px; padding: 1px 11px 7px; word-wrap: break-word !important; word-break: break-all; border: 0px solid rgb(0, 0, 0); max-width: 100%; box-sizing: border-box !important; vertical-align: top;"><p style="margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: pre-wrap; box-sizing: border-box !important; word-wrap: break-word !important;">&lt;data android:host="applinkingexperiment.appspot.com" android:scheme="https"/&gt;</p></td> 
  </tr> 
  <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; height: 0px;"> 
   <td style="margin: 0px; padding: 1px 11px 7px; word-wrap: break-word !important; word-break: break-all; border: 0px solid rgb(0, 0, 0); max-width: 100%; box-sizing: border-box !important; vertical-align: top;"><p style="margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: pre-wrap; box-sizing: border-box !important; word-wrap: break-word !important;">&lt;/intent-filter&gt;</p></td> 
  </tr> 
 </tbody> 
</table>

2、json校验文件必须能通过https访问，无论intent-filter中是否声明了https。

3、响应只能是“application/json”类型的Content-type，其他类型都不支持！

4、校验不支持重定向，所以不要配置链接重定向。

5、生成sha256指纹证书java命令：keytool -list -v -keystore my-release-key.keystor   e，json校验文件中的sha256应该是发布签名的sha256，可以配置多个，以逗号分隔。

附：

查看webview的User Agent:

https://developer.chrome.com/multidevice/user-agent

DeepLinking Demo 该demo模拟了web页面跳转打开应用的场景，通过webview加载本地html文件，并通过点击链接打开应用。请不要为webview添加setWebViewClient()方法，否则无法跳转！

该Demo跳转可以按照自己的需要更改scheme，默认采用的是（LinkedME Demohttps://github.com/WFC-LinkedME/LinkedME-Android-Deep-Linking-Demo）

作为跳转的应用，如若不想更改scheme，需要下载运行LinkedME Demo才能正常跳转。

声明：DeepLinking Demo 并没有对所有手机进行适配，部分手机或者模拟器可能会出现跳转不成功的情况，请多试几部手机（Android 6.0模拟器正常运行）。

参考：

1.https://developer.chrome.com/multidevice/android/intents

2.https://developer.android.com/training/app-links/index.html

3.https://developer.android.com/training/basics/intents/filters.html

4.https://github.com/hehonghui/android-tech-frontier/blob/master/issue-15/Android-M%E7%9A%84App-Links%E5%AE%9E%E7%8E%B0%E8%AF%A6%E8%A7%A3.md

原文地址:  [http://mp.weixin.qq.com/s?\_\_biz=MzIxNDMyOTI1Ng==&mid=2247483831&idx=2&sn=fc84bf80f79b6aeb160244b9d83bf99a&scene=0\#wechat\_redirect][http_mp.weixin.qq.com_s_biz_MzIxNDMyOTI1Ng_mid_2247483831_idx_2_sn_fc84bf80f79b6aeb160244b9d83bf99a_scene_0_wechat_redirect]

[0_wx_fmt_gif_tp_webp_wxfrom_5_wx_lazy_1]: /images/20220718/3d1cc82e7f7947cba0bd7cc2d2882fc3.png
[0_wx_fmt_gif_tp_webp_wxfrom_5_wx_lazy_1 1]: /images/20220718/c2f718344b8e4786a6d00f8176dc32df.png
[http_mp.weixin.qq.com_s_biz_MzIxNDMyOTI1Ng_mid_2247483831_idx_2_sn_fc84bf80f79b6aeb160244b9d83bf99a_scene_0_wechat_redirect]: http://mp.weixin.qq.com/s?__biz=MzIxNDMyOTI1Ng==&mid=2247483831&idx=2&sn=fc84bf80f79b6aeb160244b9d83bf99a&scene=0#wechat_redirect