iOS Universal Links 详细教程 (通用链接)

穆勒万卡.jpg
第一步:查看Team ID【Team ID (APP ID)】并设置 Capabilities

1.进入iOS开发者中心,选择 【Certificates,identifiers & Profiles】

1.png

2.选择 【Identifiers】,从当中找到与APP相同的 【Bundle ID】

2.png

3.进入后将APP的【Team ID (APP ID)】保存下来 【同一个账号的Team ID都是相同的】

3.png

4.向下翻,打开【Associated Domains】

4.png

第二步: 配置【apple-app-site-association】文件

1.在本地新建文件,文件名为【apple-app-site-association】,没有后缀

5.png

2.打开文件,将下面的代码复制进去

{
   "applinks": {
       "apps": [],
       "details": [
           {
               "appID": "Team ID.Bundle ID",
               "paths": [ "*" ]
           }
       ]
   }
}

3.将第一步保存的【Team ID】与【Bundle ID】添加进去,并用小数点符号连接,例如:

{
   "applinks": {
       "apps": [],
       "details": [
           {
               "appID": "7A4FDG.com.aaa.app",
               "paths": [ "*" ]
           }
       ]
   }
}

4.将【apple-app-site-association】文件保存好放到后台

    注意事项:
    a.一定是https
    b.一定要将【apple-app-site-association】文件放在根目录或者.well-known目录下
    c.打开以下【文件地址】会直接下载该文件或者直接显示该文件内容
    d.不能有端口号,不能有端口号,不能有端口号(重要的事情说三遍)
    e."apps" 项不用管
   【例如:https://aaa.github.io/apple-app-site-association】
   【例如:https://bbb.github.com/.well-known/apple-app-site-association】
     

5.如果配置多个APP,只需要继续在"details"中添加就好了,"details"是个数组。

例如:

{
   "applinks": {
       "apps": [],
       "details": [
           {
               "appID": "7A4FDG.com.AAA.app",
               "paths": [ "*" ]
           },
           {
               "appID": "7A4FDG.com.BBB.app",
               "paths": [ "*" ]
           },
           {
               "appID": "7A4FDG.com.CCC.app",
               "paths": [ "*" ]
           }
       ]
   }
}
第三步:做完以上操作,Universal Links的基本配置就完成了,接下来进行测试

1.进入测试页面【苹果官方测试页面

8.png

2.将刚刚配置好并放到服务器上的【apple-app-site-association】文件域名粘贴到输入框中,例如【https://aaa.github.io】,然后点击【Test URL】

注意事项:
a.不能有文件路径
b.要带上https  例如【https://aaa.github.io】

3.翻到底部,如果出现下面图片那样说明测试成功了

9.png

注意:【如果有的时候出现\color{red}{404,500,503}等等等状况有可能是网络问题,不用紧张】
如果可以通过以下【文件路径】打开文件内容或下载该文件一般就没问题,可以继续第四步
例如【https://www.aaa.com/apple-app-site-association
或者【https://www.aaa.com/.well-known/apple-app-site-association

第四步:配置Xcode项目中的Universal Links
1.进入到项目中选择【Signing & Capabilities】,再点击左上角加号【Capability】
6.png

2.选择【Associated Domains】,然后在里边添加一项,【applinks:域名】

7.png

注意事项:
a.一定不能有https://,也要注意结尾不要有“/”
b.只能是域名,不能有任何文件夹路径

例如:【applinks:aaa.github.io】

第五步:现在Universal Links已经配置完成了,测试项目是否配置成功

1.重新将App安装到手机上【debug版也是可以的】
2.将第三步的文件地址粘贴到Safari浏览器中,例如:【https://aaa.github.io】,并进入该页面
3.然后向下滑动网页,就会出现提示在APP中打开,如图

【注意1, \color{red}{当前测试不能配置路径 !},配置完路径不会出现下图中的情况,可以先不配路径使用默认通配符(默认通配符就是星号),成功出现下图情况后再配路径(路径配置教程在后边)】

【注意2,如果并没有配置路径,\color{red}{这一步测试依然没成功的话,也不用担心},因为本人也遇到过不成功但是可以成功跳转的问题。直接去App进行跳转测试就好了!】

end.PNG

4.至此,Universal Links已经完全配置成功了,可以去试试微信登录跳转之类都是没有问题的。

最终,你APP的Universal Links就为:【https://aaa.github.io

例如,在开发者中心注册微信应用时,需要添加Universal Links,但是微信要求以“/”结尾,那么应该填【https://aaa.github.io/

同样,App内使用微信SDK注册时,开发者中心填的啥,这里的 Universal Links 就填一样的。

\color{red}{举例配置:}

1. 微信开放平台 Universal Links: 【https://aaa.github.io/
2. Xcode中 Targets Domains: 【applinks:aaa.github.io
3. APP启动时,微信SDK进行注册 Universal Links:【 https://aaa.github.io/

😘😘😘😘😘😘😘😘😘喜欢就点个赞吧😘😘😘😘😘😘😘😘😘

补充:Paths路径的用法

1.Paths路径的用处:
当【apple-app-site-association】文件中,"details"数组添加了多个app对象,并且你的手机上同时安装着这些App时,就需要用path路径对App进行区分。

如果不区分就会导致App跳转错误,因为他们的Universal Links都是相同的。

2.如何使用Paths

使用Paths很简单,只需要在paths中添加【"/aaa/*"】(aaa为任意内容,*号为通配符),例如:
{
  "applinks":{
      "apps":[],
      "details":[
          {
              "appID":"7A4FDM.com.aaa.app",
              "paths":["/aaa/*"]
          },
          {
              "appID":"7A4FDM.com.bbb.app",
              "paths":["/bbb/*"]
          },
          {
              "appID":"7A4FDM.com.ccc.app",
              "paths":["/ccc/*"]
          }
      ]
  }
}

3.这样添加完后,还需要更改第三方平台注册时的Universal Links。
我们以微信为例,在原有的基础上添加上路径

例如:原本的Universal Links为 https://aaa.github.io/
a3.现在为了区分同一个手机上,同一个账号发布的多个App,而加入了路径

"details":[
         {  //这是AppA
             "appID":"7A4FDM.com.aaa.app",
             "paths":["/aaa/*"]
         },
         {  //这是AppB
             "appID":"7A4FDM.com.bbb.app",
             "paths":["/bbb/*"]
         }
     ]

b3.将【apple-app-site-association】放到服务器中,并更改A微信平台的Universal Links

AppA的Universal Links

c3.Xcode中Targets配置的Universal Links不需要变,依然为【applinks:aaa.github.io】

d3.然后修改代码中注册微信时的Universal Links为【b3步骤图中】你填写的新Universal Links,例如:https://aaa.github.io/aaa/

注册微信

\color{red}{举例配置:}

1. 微信开放平台 Universal Links: 【https://aaa.github.io/aaa/
2. Xcode中 Targets Domains: 【applinks:aaa.github.io
3. APP启动时,微信SDK进行注册 Universal Links:【 https://aaa.github.io/aaa/

注意:
1.添加paths路径时,应该\color{red}{为所有的app添加paths路径,并且需要更改平台配置信息,更改APP启动时注册信息,然后重新安装app。}
否则会优先跳转到没有路径的app。

2.配置了路径后,使用Safari浏览器下滑并不会出现打开App的提示,\color{red}{建议初次使用者先使用默认通配符,测试跳转成功后再添加路径。}

🤤🤤🤤🤤🤤🤤🤤🤤🤤 禁止白嫖,这次一定 🤤🤤🤤🤤🤤🤤🤤🤤🤤!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,125评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,293评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,054评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,077评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,096评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,062评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,988评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,817评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,266评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,486评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,646评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,375评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,974评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,621评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,642评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,538评论 2 352