iOS Universal Links 詳細教程 (通用鏈接)

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

1.進入iOS開發(fā)者中心,選擇 【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】添加進去撕氧,并用小數(shù)點符號連接,例如:

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

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

    注意事項:
    a.一定是https
    b.一定要將【apple-app-site-association】文件放在根目錄或者.well-known目錄下
    c.打開以下【文件地址】會直接下載該文件或者直接顯示該文件內(nèi)容
    d.不能有端口號核行,不能有端口號牢硅,不能有端口號(重要的事情說三遍)
    e."apps" 項不用管
   【例如:https://aaa.github.io/apple-app-site-association】
   【例如:https://bbb.github.com/.well-known/apple-app-site-association】
     

5.如果配置多個APP,只需要繼續(xù)在"details"中添加就好了,"details"是個數(shù)組芝雪。

例如:

{
   "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.翻到底部,如果出現(xiàn)下面圖片那樣說明測試成功了

9.png

注意:【如果有的時候出現(xiàn)\color{red}{404堡牡,500抒抬,503}等等等狀況有可能是網(wǎng)絡問題,不用緊張】
如果可以通過以下【文件路徑】打開文件內(nèi)容或下載該文件一般就沒問題晤柄,可以繼續(xù)第四步
例如【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】

第五步:現(xiàn)在Universal Links已經(jīng)配置完成了浇借,測試項目是否配置成功

1.重新將App安裝到手機上【debug版也是可以的】
2.將第三步的文件地址粘貼到Safari瀏覽器中,例如:【https://aaa.github.io】怕品,并進入該頁面
3.然后向下滑動網(wǎng)頁妇垢,就會出現(xiàn)提示在APP中打開,如圖

【注意1肉康, \color{red}{當前測試不能配置路徑 闯估!},配置完路徑不會出現(xiàn)下圖中的情況吼和,可以先不配路徑使用默認通配符(默認通配符就是星號)涨薪,成功出現(xiàn)下圖情況后再配路徑(路徑配置教程在后邊)】

【注意2,如果并沒有配置路徑炫乓,\color{red}{這一步測試依然沒成功的話刚夺,也不用擔心},因為本人也遇到過不成功但是可以成功跳轉的問題末捣。直接去App進行跳轉測試就好了侠姑!】

end.PNG

4.至此,Universal Links已經(jīng)完全配置成功了箩做,可以去試試微信登錄跳轉之類都是沒有問題的莽红。

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

例如邦邦,在開發(fā)者中心注冊微信應用時安吁,需要添加Universal Links醉蚁,但是微信要求以“/”結尾,那么應該填【https://aaa.github.io/

同樣鬼店,App內(nèi)使用微信SDK注冊時馍管,開發(fā)者中心填的啥,這里的 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"數(shù)組添加了多個app對象俘陷,并且你的手機上同時安裝著這些App時罗捎,就需要用path路徑對App進行區(qū)分。

如果不區(qū)分就會導致App跳轉錯誤拉盾,因為他們的Universal Links都是相同的桨菜。

2.如何使用Paths

使用Paths很簡單,只需要在paths中添加【"/aaa/*"】(aaa為任意內(nèi)容捉偏,*號為通配符),例如:
{
  "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.現(xiàn)在為了區(qū)分同一個手機上霞掺,同一個賬號發(fā)布的多個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耙旦。}
否則會優(yōu)先跳轉到?jīng)]有路徑的app。

2.配置了路徑后萝究,使用Safari瀏覽器下滑并不會出現(xiàn)打開App的提示免都,\color{red}{建議初次使用者先使用默認通配符,測試跳轉成功后再添加路徑糊肤。}

?????????????????? 禁止白嫖琴昆,這次一定 ??????????????????!

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市馆揉,隨后出現(xiàn)的幾起案子业舍,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件舷暮,死亡現(xiàn)場離奇詭異态罪,居然都是意外死亡,警方通過查閱死者的電腦和手機下面,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進店門复颈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人沥割,你說我怎么就攤上這事耗啦。” “怎么了机杜?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵帜讲,是天一觀的道長。 經(jīng)常有香客問我椒拗,道長似将,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任蚀苛,我火速辦了婚禮在验,結果婚禮上,老公的妹妹穿的比我還像新娘堵未。我一直安慰自己腋舌,他們只是感情好,可當我...
    茶點故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布兴溜。 她就那樣靜靜地躺著侦厚,像睡著了一般耻陕。 火紅的嫁衣襯著肌膚如雪拙徽。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天诗宣,我揣著相機與錄音膘怕,去河邊找鬼。 笑死召庞,一個胖子當著我的面吹牛岛心,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播篮灼,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼忘古,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了诅诱?” 一聲冷哼從身側響起髓堪,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后干旁,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體驶沼,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年争群,在試婚紗的時候發(fā)現(xiàn)自己被綠了回怜。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,498評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡换薄,死狀恐怖玉雾,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情轻要,我是刑警寧澤抹凳,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站伦腐,受9級特大地震影響赢底,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜柏蘑,卻給世界環(huán)境...
    茶點故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一幸冻、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧咳焚,春花似錦洽损、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至又官,卻和暖如春延刘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背六敬。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工碘赖, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人外构。 一個月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓普泡,卻偏偏與公主長得像,于是被迫代替她去往敵國和親审编。 傳聞我的和親對象是個殘疾皇子撼班,可洞房花燭夜當晚...
    茶點故事閱讀 45,507評論 2 359