Universal Linksの挙動を知る

■ イベント
食べログ x Sansan モバイル勉強会
https://sansan.connpass.com/event/335031/

■ 発表者
技術本部 Sansan Engineering Unit Mobile Applicationグループ
平山 智己

■ iOS エンジニア採用情報
https://media.sansan-engineering.com/ios-engineer

■ Sansan Tech Blog
https://buildersbox.corp-sansan.com/

Transcript

1. Hirayama (elu697) Universal Linksの挙動を知る
2. elu697 千葉県生まれ神奈川育ち 2016年からiOSアプリ開発 2022年からSansan株式会社でSansan-iOSアプリ開発 最近はCSIRTとしてプロダクトセキュリティ業務も開始 About 99年生まれ, 高専, CS, ネットワーク, セキュリティ, 旅行, バイク, 車, カメラ My keywords
3. こんな時どうするか
4. 配信サービスを閲覧中 配信動画をタップしたら 動画視聴用アプリを起動 Web閲覧中に特定のコンテンツを アプリで開きたい
5. https://developer.apple.com/documentation/technotes/tn3155-debugging-universal- links#Test-universal-links-behavior ドメインが同じだと ページ内ナビゲーションとなる サブドメインを使えば回避できるよ
6. example.com/feed を閲覧中 app.example.com/video/123 を開く "TEAMID.com.example.app" 動画視聴用アプリを起動
7. 複数のアプリになっても
8. 配信サービスを閲覧中 配信動画をタップしたら 配信ボタンをタップしたら 配信用アプリを起動 動画視聴用アプリを起動 開くページによって 起動するアプリを分けたい
9. { "applinks": { "apps": [], "details": [ { "appID": "TEAMID.com.example.app", "paths": [ "/video/*", ] } ] } } 動画視聴用アプリを起動 app.example.com のAASA 配信用アプリを起動 live.example.com の AASA { "applinks": { "apps": [], "details": [ { "appID": "TEAMID.com.example.live", "paths": [ "/stream/*", ] } ] } }
10. example.com/feed を閲覧中 app.example.com/video/123 を開く live.example.com/stream を開く "TEAMID.com.example.live" 配信用アプリを起動 "TEAMID.com.example.app" 動画視聴用アプリを起動
11. ではこう言う時は 実際の事例
12. Eightデジタル名刺ページを開く Eightを起動して デジタル名刺を開く Eightが入っていなかったら Sansanを起動して デジタル名刺を開く アプリに優先度をつけて起動したい
13. https://developer.apple.com/library/archive/documentation/General/Conceptual/AppSearch/UniversalLinks.htm l#//apple_ref/doc/uid/TP40016308-CH12-SW1 リストの順序は、システムが処理する際の順序になるよ
14. { "applinks": { "details": [ { "appIDs": [ "2325B398HM.net.8card.eight", # Eightアプリ "69JY2G46CE.com.sansan" # Sansanアプリ ], "components": [ { "/": "virtual_cards/*" } ] } ] } } AASA ※ appIDは誰でも見ることはできてしまうため、直接掲載しています
15. 8card.net/virtual_cards/123 Eightデジタル名刺ページを開く “2325B398HM.net.8card.eight” Eightを起動して デジタル名刺を開く “69JY2G46CE.com.sansan” Eightが入っていなかったら Sansanを起動して デジタル名刺を開く
17. ではなかった
18. デジタル名刺の受け取り手段 ・URLのタップ ・QRコードのスキャン ・NFCカード(My Eight Card)のスキャン
19. デジタル名刺の受け取り手段 ・URLのタップ -> 期待通りの動作 ・QRコードのスキャン -> ・NFCカード(My Eight Card)のスキャン -> URLを開く手段によって挙動が異なる
20. URLを開く手段によって挙動が異なる 挙動: URLタップ 1. ・タップした場合、AASAの優先度順に基づいてアプリが起動する。 (※ ”2”の操作で記憶されている場合、その選択肢で開かれる) 2. ・ロングタップをした場合、UIMenuが表示されアプリまたはSafariで開くことがで きる。 ロングタップ操作によってSafariで開いたユーザーが、URLをタップしてもアプリ が開かないと事象に遭遇する可能性がある。
21. URLを開く手段によって挙動が異なる 挙動: QRコードスキャン 1. ・標準カメラの場合、黄色のリンクボタンを押すことでAASAの優先度に基づいたア プリが起動する。 (”2”の操作によって記憶されている場合はそちらが起動する) 2. ・標準カメラで右下QRボタンを押すと、UIMenuが表示されリンクを開く手段を選 択できる。 ・複数のアプリが存在する場合、開くアプリの選択肢が下側に表示され、選択した アプリは記憶される。 3. ・3rdパーティアプリの場合、実装方法にもよるが openURL() によって開かれると URLタップと同様の挙動となる。 ・URLロングタップによるユーザー操作が記憶されている場合、その選択が利用さ れる。
22. URLを開く手段によって挙動が異なる 挙動: NFCスキャン 1. ・読み込んだ際にバナーに開くアプリが表示される。 ・URLに関連するアプリがない場合: Safariで開かれる ・URLに関連するアプリが1つある場合: 関連アプリで開かれる 2. ・URLに関連するアプリが2つ以上ある場合: 選択ダイアログが表示さ れる。 ・AASAに記述される優先度が高いものが上の選択肢に表示される。
23. 起動先度付けができていない
24. https://developer.apple.com/library/archive/documentation/General/Conceptual/AppSearch/UniversalLinks.htm l#//apple_ref/doc/uid/TP40016308-CH12-SW1 リストの順序は、システムが処理する際の順序になるよ 優先度とは一言も言っていなかった
25. システムの挙動を理解して プロダクト開発をしていきましょう
26. Thanks.