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

by KKusumi

Slide 1

Slide 1 text

Katsumi Kusumi @ and factory.inc 1 Navigation x DeepLink ݁ߏେมͩͬͨ࿩

Slide 2

Slide 2 text

About Me 2 • Katsumi Kusumi(@kl_tech) • and factory • Android App Engineer • ອըΞϓϦ࡞ͬͯ·͢ɻ

Slide 3

Slide 3 text

3 ࢲ͝ͱͰ͕͢ɺɺɺ

Slide 4

Slide 4 text

4 ͔͜͜Βຊ୊

Slide 5

Slide 5 text

ࠓ೔͔Β׆͔ͤΔ Jetpack Navigation࣮૷ํ๏ 5

Slide 6

Slide 6 text

What is Jetpack Navigation?? 6

Slide 7

Slide 7 text

Navigationͱ͸ 7 By Android developers documentation • φϏήʔγϣϯͱ͸ɺϢʔβʔ͕ΞϓϦ಺ͷ༷ʑͳίϯςϯπؒΛҠಈ͢Δૢ࡞ Λࢦ͠·͢ɻ • Android JetpackͷNavigationίϯϙʔωϯτ͸ɺ୯७ͳϘλϯΫϦοΫ͔Βɺ ΞϓϦόʔ΍φϏήʔγϣϯυϩϫʔͳͲͷෳࡶͳύλʔϯ·Ͱɺ͞·͟·ͳφ ϏήʔγϣϯΛ࣮૷͢Δͷʹ໾ཱͪ·͢ɻ • ·ͨɺNavigationίϯϙʔωϯτ͸ɺ֬཰͞Εͨݪଇͷηοτʹै͏͜ͱʹΑ ΓɺҰ؏ੑͷ͋Δ༧ଌ͠΍͍͢ϢʔβʔΤΫεϖϦΤϯεΛอূ͠·͢ɻ

Slide 8

Slide 8 text

͸ʁʁʁ 8

Slide 9

Slide 9 text

NavigationΛೖΕΔϝϦοτ 9 • ϑϥάϝϯτભҠͷτϥϯβΫγϣϯ؅ཧΛͯ͘͠ΕΔ • όοΫϘλϯͷ੍ޚΛͯ͘͠ΕΔ • ը໘ભҠ࣌ͷඪ४ΞχϝʔγϣϯΛఏڙ͍ͯ͠Δ • Deep LinkΛ؆୯ʹ࣮૷Ͱ͖Δ • ࠷খݶͷ௥Ճ࡞ۀͰɺφϏήʔγϣϯυϩϫʔ΍ϘτϜφϏήʔγϣ ϯΛ࣮૷Ͱ͖Δ • Fragmentؒͷ஋ͷड͚౉͕͠؆୯…ɻͳͲͳͲɻ

Slide 10

Slide 10 text

NavigationΛೖΕΔϝϦοτ 10 • ϑϥάϝϯτભҠͷτϥϯβΫγϣϯ؅ཧΛͯ͘͠ΕΔ • όοΫϘλϯͷ੍ޚΛͯ͘͠ΕΔ • ը໘ભҠ࣌ͷඪ४ΞχϝʔγϣϯΛఏڙ͍ͯ͠Δ • Deep LinkΛ؆୯ʹ࣮૷Ͱ͖Δ • ࠷খݶͷ௥Ճ࡞ۀͰɺφϏήʔγϣϯυϩϫʔ΍ϘτϜφϏήʔγϣ ϯΛ࣮૷Ͱ͖Δ • Fragmentؒͷ஋ͷड͚౉͕͠؆୯…ɻͳͲͳͲɻ

Slide 11

Slide 11 text

Navigationͷ Deep Link࣮૷ํ๏ 11

Slide 12

Slide 12 text

Navigationͷߏ੒ཁૉ 12 NavigationGraph 1. →શͯͷφϏήʔγϣϯؔ࿈৘ใΛҰͭͷ৔ॴͰूதతʹอ؅͢ΔxmlϦιʔεɻ NavHost 2. →φϏήʔγϣϯάϥϑ͔ΒͷѼઌΛදࣔ͢Δۭͷίϯςφɻ NavController 3. →NavHost಺ͷΞϓϦφϏήʔγϣϯΛ؅ཧ͢ΔΦϒδΣΫτɻ

Slide 13

Slide 13 text

Navigationͷߏ੒ཁૉ 13 NavigationGraph 1. →શͯͷφϏήʔγϣϯؔ࿈৘ใΛҰͭͷ৔ॴͰूதతʹอ؅͢ΔxmlϦιʔεɻ NavHost 2. →φϏήʔγϣϯάϥϑ͔ΒͷѼઌΛදࣔ͢Δۭͷίϯςφɻ NavController 3. →NavHost಺ͷΞϓϦφϏήʔγϣϯΛ؅ཧ͢ΔΦϒδΣΫτɻ

Slide 14

Slide 14 text

NavigationGraph 14

Slide 15

Slide 15 text

NavigationGraph 15

Slide 16

Slide 16 text

NavigationGraph 16 • Navigation Graphͷఆٛ • ͜ͷதʹ࢖༻͢ΔࢠNavigationGraph΍ FragmentΛ௥Ճ͍ͯ͘͠ɻ • startDestinationɿ͜ͷNavigationGraph ʹೖͬͨ࣌ʹॳΊͯදࣔ͢ΔFragment

Slide 17

Slide 17 text

NavigationGraph 17 • Fragmentͷఆٛ • ͜ͷதʹ࢖༻͢ΔҾ਺΍ɺઃఆ͢Δ Deep LinkͷURLΛهࡌ͢Δɻ

Slide 18

Slide 18 text

NavigationGraph 18 • ը໘ભҠͷఆٛ • ݱࡏͷFragment͔ΒͲͷFragmentʹભ Ҡ͢Δ͔͕ॻ͔Ε͍ͯΔɻ • ࠓͩͬͨΒSampleA͔ΒSampleB

Slide 19

Slide 19 text

NavigationGraph 19 • FragmentͷҾ਺ • Deep Linkͷύϥϝʔλ໊ͱҰக͍ͯ͠ Δඞཁ͕͋Δɻ

Slide 20

Slide 20 text

NavigationGraph 20 • Deep LinkͷURL • ͜Εઃఆ͢ΔͱɺϦϯΫ౿Μͩ࣌ʹભҠ Ͱ͖ΔΑ͏ʹͳΔɻ

Slide 21

Slide 21 text

21 ͳΜͩʂʂ΍ͬͺ؆୯͡ΌΜʂʂ

Slide 22

Slide 22 text

ͪΐͬͱ଴ͯɻ

Slide 23

Slide 23 text

όοΫελοΫ ͬͯͲ͏ͳͬͯΜͷʁʁ

Slide 24

Slide 24 text

ͷόοΫελοΫ͸ NavigationGraphͷߏ੒ʹґଘ͍ͯ͠Δ Navigation x Deep Link

Slide 25

Slide 25 text

25 NavigationGraphX

Slide 26

Slide 26 text

26 NavigationGraphX FragmentA

Slide 27

Slide 27 text

27 NavigationGraphX FragmentA NavigationGraphY

Slide 28

Slide 28 text

28 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC

Slide 29

Slide 29 text

29 NavigationGraphX FragmentA FragmentB FragmentC ͜ͷߏ੒ͩͱɺόοΫϘλϯΛԡͨ͠৔߹ଈΞϓϦऴྃʂ

Slide 30

Slide 30 text

30 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC

Slide 31

Slide 31 text

31 ͜Εʹͯղܾʂʂ

Slide 32

Slide 32 text

ͪΐͬͱ଴ͯɻ

Slide 33

Slide 33 text

33 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC Ͱ͖Δɻ

Slide 34

Slide 34 text

34 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC Ͱ͖ͳ͍ʂʂ

Slide 35

Slide 35 text

35 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC Deep Link࢖ͬͨ࣌ͷͨΊʹ ֊૚ߏ଄ʹ͠ͳ͍ͱ͍͚ͳ͍ɻ ҧ͏֊૚ͷFragmentʹ͸ ભҠͰ͖ͳ͍ ஍ࠈɻ

Slide 36

Slide 36 text

ແཧ͡ΌΜɻ

Slide 37

Slide 37 text

37 NavigationGraphX FragmentA NavigationGraphY FragmentB FragmentC Ͱ͖Δʂ ղܾࡦ

Slide 38

Slide 38 text

ղܾࡦ • Ұ֊૚ԼͷNavigationʹͳΒભҠͰ͖Δɻ ભҠ͍ͨ͠FragmentΛNavigationͷstartDestinationʹઃఆ͢Δ Ҿ਺͸Navigationʹઃఆ͢Δɻ • startDestinationʹઃఆͨ͠FragmentҎ֎ʹભҠ͍ͨ͠৔߹ startDestinationʹઃఆͨ͠FragmentͷonCreate()Ͱ ϑϥάΛνΣοΫͯ͠ભҠͤ͞Δɻ → →

Slide 39

Slide 39 text

·ͱΊ 39 • NavigationͰDeep LinkΛ࣮૷͢Δͱ͖͸ɺ֊૚ߏ଄Λҙࣝ͢Δɻ →Deep LinkͰભҠͨ࣌͠ʹੵΜͰ͓͍ͯ΄͍͠όοΫελοΫ௨Γʹ࡞Δ • ֊૚͕ҧ͏Fragmentʹ͸ભҠͰ͖ͳ͍ɻ →NavigationΛҰճט·ͤͯɺstartDestinationͰભҠ͢Δɻ • ϥϯλΠϜΤϥʔͰ͔͠ෆ۩߹Λݕ஌Ͱ͖ͳ͍ͷͰɺͪΐͬͱଟΊʹςετ ͢Δɻ • ͋ͱ͔Βमਖ਼͢ΔͱେมͳͷͰɺͳΔ΂͘࠷ॳ͔Β֊૚Λ࡞͓ͬͯ͘ɻ

Slide 40

Slide 40 text

͓ΘΓɻ 40