Navigation x Deep Link 結構大変だった話

Transcript

1. Katsumi Kusumi @ and factory.inc 1 Navigation x DeepLink ݁ߏେมͩͬͨ࿩
2. About Me 2 • Katsumi Kusumi(@kl_tech) • and factory • Android App Engineer • ອըΞϓϦ࡞ͬͯ·͢ɻ
3. 3 ࢲ͝ͱͰ͕͢ɺɺɺ
4. 4 ͔͜͜Βຊ୊
5. ࠓ೔͔Β׆͔ͤΔ Jetpack Navigation࣮૷ํ๏ 5
6. What is Jetpack Navigation?? 6
7. Navigationͱ͸ 7 By Android developers documentation • φϏήʔγϣϯͱ͸ɺϢʔβʔ͕ΞϓϦ಺ͷ༷ʑͳίϯςϯπؒΛҠಈ͢Δૢ࡞ Λࢦ͠·͢ɻ • Android JetpackͷNavigationίϯϙʔωϯτ͸ɺ୯७ͳϘλϯΫϦοΫ͔Βɺ ΞϓϦόʔ΍φϏήʔγϣϯυϩϫʔͳͲͷෳࡶͳύλʔϯ·Ͱɺ͞·͟·ͳφ ϏήʔγϣϯΛ࣮૷͢Δͷʹ໾ཱͪ·͢ɻ • ·ͨɺNavigationίϯϙʔωϯτ͸ɺ֬཰͞Εͨݪଇͷηοτʹै͏͜ͱʹΑ ΓɺҰ؏ੑͷ͋Δ༧ଌ͠΍͍͢ϢʔβʔΤΫεϖϦΤϯεΛอূ͠·͢ɻ
8. ͸ʁʁʁ 8
9. NavigationΛೖΕΔϝϦοτ 9 • ϑϥάϝϯτભҠͷτϥϯβΫγϣϯ؅ཧΛͯ͘͠ΕΔ • όοΫϘλϯͷ੍ޚΛͯ͘͠ΕΔ • ը໘ભҠ࣌ͷඪ४ΞχϝʔγϣϯΛఏڙ͍ͯ͠Δ • Deep LinkΛ؆୯ʹ࣮૷Ͱ͖Δ • ࠷খݶͷ௥Ճ࡞ۀͰɺφϏήʔγϣϯυϩϫʔ΍ϘτϜφϏήʔγϣ ϯΛ࣮૷Ͱ͖Δ • Fragmentؒͷ஋ͷड͚౉͕͠؆୯…ɻͳͲͳͲɻ
10. NavigationΛೖΕΔϝϦοτ 10 • ϑϥάϝϯτભҠͷτϥϯβΫγϣϯ؅ཧΛͯ͘͠ΕΔ • όοΫϘλϯͷ੍ޚΛͯ͘͠ΕΔ • ը໘ભҠ࣌ͷඪ४ΞχϝʔγϣϯΛఏڙ͍ͯ͠Δ • Deep LinkΛ؆୯ʹ࣮૷Ͱ͖Δ • ࠷খݶͷ௥Ճ࡞ۀͰɺφϏήʔγϣϯυϩϫʔ΍ϘτϜφϏήʔγϣ ϯΛ࣮૷Ͱ͖Δ • Fragmentؒͷ஋ͷड͚౉͕͠؆୯…ɻͳͲͳͲɻ
11. Navigationͷ Deep Link࣮૷ํ๏ 11
12. Navigationͷߏ੒ཁૉ 12 NavigationGraph 1. →શͯͷφϏήʔγϣϯؔ࿈৘ใΛҰͭͷ৔ॴͰूதతʹอ؅͢ΔxmlϦιʔεɻ NavHost 2. →φϏήʔγϣϯάϥϑ͔ΒͷѼઌΛදࣔ͢Δۭͷίϯςφɻ NavController 3. →NavHost಺ͷΞϓϦφϏήʔγϣϯΛ؅ཧ͢ΔΦϒδΣΫτɻ
13. Navigationͷߏ੒ཁૉ 13 NavigationGraph 1. →શͯͷφϏήʔγϣϯؔ࿈৘ใΛҰͭͷ৔ॴͰूதతʹอ؅͢ΔxmlϦιʔεɻ NavHost 2. →φϏήʔγϣϯάϥϑ͔ΒͷѼઌΛදࣔ͢Δۭͷίϯςφɻ NavController 3. →NavHost಺ͷΞϓϦφϏήʔγϣϯΛ؅ཧ͢ΔΦϒδΣΫτɻ
14. NavigationGraph 14 <?xml version="1.0" encoding="utf-8"?> <navigation xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/navigation" app:startDestination="@id/fragment_sample"> <fragment android:id="@+id/fragment_sample" android:name="SampleFragment" android:label="fragment_samplea"> <action android:id="@+id/action_sampleA_to_sampleB" app:destination=“@id/fragment_sampleb” /> <argument android:name="arg" app:argType="integer" /> <deepLink app:uri="https://www.google.com?arg={arg}"/> </fragment> </navigation>
15. NavigationGraph 15 <?xml version="1.0" encoding="utf-8"?> <navigation xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/navigation" app:startDestination="@id/fragment_sample"> <fragment android:id="@+id/fragment_sample" android:name="SampleFragment" android:label="fragment_samplea"> <action android:id="@+id/action_sampleA_to_sampleB" app:destination=“@id/fragment_sampleb” /> <argument android:name="arg" app:argType="integer" /> <deepLink app:uri="https://www.google.com?arg={arg}"/> </fragment> </navigation>
16. NavigationGraph 16 <?xml version="1.0" encoding="utf-8"?> <navigation xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/navigation" app:startDestination="@id/fragment_sample"> <fragment android:id="@+id/fragment_sample" android:name="SampleFragment" android:label="fragment_samplea"> <action android:id="@+id/action_sampleA_to_sampleB" app:destination=“@id/fragment_sampleb” /> <argument android:name="arg" app:argType="integer" /> <deepLink app:uri="https://www.google.com?arg={arg}"/> </fragment> </navigation> • Navigation Graphͷఆٛ • ͜ͷதʹ࢖༻͢ΔࢠNavigationGraph΍ FragmentΛ௥Ճ͍ͯ͘͠ɻ • startDestinationɿ͜ͷNavigationGraph ʹೖͬͨ࣌ʹॳΊͯදࣔ͢ΔFragment
17. NavigationGraph 17 <?xml version="1.0" encoding="utf-8"?> <navigation xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/navigation" app:startDestination="@id/fragment_sample"> <fragment android:id="@+id/fragment_sample" android:name="SampleFragment" android:label="fragment_samplea"> <action android:id="@+id/action_sampleA_to_sampleB" app:destination="@id/fragment_sampleb" /> <argument android:name="arg" app:argType="integer" /> <deepLink app:uri="https://www.google.com?arg={arg}"/> </fragment> </navigation> • Fragmentͷఆٛ • ͜ͷதʹ࢖༻͢ΔҾ਺΍ɺઃఆ͢Δ Deep LinkͷURLΛهࡌ͢Δɻ
18. NavigationGraph 18 <?xml version="1.0" encoding="utf-8"?> <navigation xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/navigation" app:startDestination="@id/fragment_sample"> <fragment android:id="@+id/fragment_sample" android:name="SampleFragment" android:label="fragment_samplea"> <action android:id="@+id/action_sampleA_to_sampleB" app:destination=“@id/fragment_sampleb" /> <argument android:name="arg" app:argType="integer" /> <deepLink app:uri="https://www.google.com?arg={arg}"/> </fragment> </navigation> • ը໘ભҠͷఆٛ • ݱࡏͷFragment͔ΒͲͷFragmentʹભ Ҡ͢Δ͔͕ॻ͔Ε͍ͯΔɻ • ࠓͩͬͨΒSampleA͔ΒSampleB
19. NavigationGraph 19 <?xml version="1.0" encoding="utf-8"?> <navigation xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/navigation" app:startDestination="@id/fragment_sample"> <fragment android:id="@+id/fragment_sample" android:name="SampleFragment" android:label="fragment_samplea"> <action android:id="@+id/action_sampleA_to_sampleB" app:destination="@id/fragment_sampleb" /> <argument android:name="arg" app:argType="integer" /> <deepLink app:uri="https://www.google.com?arg={arg}"/> </fragment> </navigation> • FragmentͷҾ਺ • Deep Linkͷύϥϝʔλ໊ͱҰக͍ͯ͠ Δඞཁ͕͋Δɻ
20. NavigationGraph 20 <?xml version="1.0" encoding="utf-8"?> <navigation xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/navigation" app:startDestination="@id/fragment_sample"> <fragment android:id="@+id/fragment_sample" android:name="SampleFragment" android:label="fragment_samplea"> <action android:id="@+id/action_sampleA_to_sampleB" app:destination="@id/fragment_sampleb" /> <argument android:name="arg" app:argType="integer" /> <deepLink app:uri="https://www.google.com?arg={arg}"/> </fragment> </navigation> • Deep LinkͷURL • ͜Εઃఆ͢ΔͱɺϦϯΫ౿Μͩ࣌ʹભҠ Ͱ͖ΔΑ͏ʹͳΔɻ
21. 21 ͳΜͩʂʂ΍ͬͺ؆୯͡ΌΜʂʂ
22. ͪΐͬͱ଴ͯɻ
23. όοΫελοΫ ͬͯͲ͏ͳͬͯΜͷʁʁ
24. ͷόοΫελοΫ͸ NavigationGraphͷߏ੒ʹґଘ͍ͯ͠Δ Navigation x Deep Link
25. 25 NavigationGraphX
26. 26 NavigationGraphX FragmentA
27. 27 NavigationGraphX FragmentA NavigationGraphY
28. 28 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC
29. 29 NavigationGraphX FragmentA FragmentB FragmentC ͜ͷߏ੒ͩͱɺόοΫϘλϯΛԡͨ͠৔߹ଈΞϓϦऴྃʂ
30. 30 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC
31. 31 ͜Εʹͯղܾʂʂ
32. ͪΐͬͱ଴ͯɻ
33. 33 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC Ͱ͖Δɻ
34. 34 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC Ͱ͖ͳ͍ʂʂ
35. 35 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC Deep Link࢖ͬͨ࣌ͷͨΊʹ ֊૚ߏ଄ʹ͠ͳ͍ͱ͍͚ͳ͍ɻ ҧ͏֊૚ͷFragmentʹ͸ ભҠͰ͖ͳ͍ ஍ࠈɻ
36. ແཧ͡ΌΜɻ
37. 37 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC Ͱ͖Δʂ ղܾࡦ
38. ղܾࡦ • Ұ֊૚ԼͷNavigationʹͳΒભҠͰ͖Δɻ ભҠ͍ͨ͠FragmentΛNavigationͷstartDestinationʹઃఆ͢Δ Ҿ਺͸Navigationʹઃఆ͢Δɻ • startDestinationʹઃఆͨ͠FragmentҎ֎ʹભҠ͍ͨ͠৔߹ startDestinationʹઃఆͨ͠FragmentͷonCreate()Ͱ ϑϥάΛνΣοΫͯ͠ભҠͤ͞Δɻ → →
39. ·ͱΊ 39 • NavigationͰDeep LinkΛ࣮૷͢Δͱ͖͸ɺ֊૚ߏ଄Λҙࣝ͢Δɻ →Deep LinkͰભҠͨ࣌͠ʹੵΜͰ͓͍ͯ΄͍͠όοΫελοΫ௨Γʹ࡞Δ • ֊૚͕ҧ͏Fragmentʹ͸ભҠͰ͖ͳ͍ɻ →NavigationΛҰճט·ͤͯɺstartDestinationͰભҠ͢Δɻ • ϥϯλΠϜΤϥʔͰ͔͠ෆ۩߹Λݕ஌Ͱ͖ͳ͍ͷͰɺͪΐͬͱଟΊʹςετ ͢Δɻ • ͋ͱ͔Βमਖ਼͢ΔͱେมͳͷͰɺͳΔ΂͘࠷ॳ͔Β֊૚Λ࡞͓ͬͯ͘ɻ
40. ͓ΘΓɻ 40