AndroidアプリとWebコンテンツの連携 / Sansan Tech Meetup Android

Transcript

1. AndroidΞϓϦͱ Webίϯςϯπͷ࿈ܞ Ϋϥεϝιουגࣜձࣾɹ඿ాӯथ ʲSansan Tech MeetupʳAndroid։ൃTipsΛ3ࣾͷΤϯδχΞ͕ޠΔ 2020/12/18

2. ࣗݾ঺հ • ඿ాӯथ (@jakalada) • AndroidΤϯδχΞ • 2೥΄ͲલʹΫϥεϝιουʹస৬ • ૣ͘ాΜ΅ͷ༷ࢠΛݟʹߦ͖͍ͨ

   2

3. ։ൃࣄྫ ʢ˞ଞࣾʹҾ͖ܧ͍ͩࣄྫ΋ؚ·Ε͍ͯ·͢ʣ 3

4. ࢲ͕࡞ͬͯΔΞϓϦ ֓ཁ ҿ৯ళͷΞϓϦ ༗ޮձһ਺ ສਓ
   ˞௚ۙ೥ؒʹ౓Ͱ΋ϩάΠϯͨ͠
   ͜ͱͷ͋Δձһ
   %"6
   
   ."6 ສ
   
   ສ
   ˞J04
   "OESPJE
   ͷ߹ܭ ετΞධՁ

   લޙ
   ˞ΞϓϦ಺ϨϏϡʔಋೖޙ㽉

5. ΞδΣϯμ • Webίϯςϯπͱ࿈ܞ͢Δٕज़ • WebView / ϒϥ΢βىಈ / Custom Tabs

   / TWA • ٕज़͝ͱͷҧ͍ • UI / CookieɾΩϟογϡ؅ཧ / Webٕज़ͷ੍ݶ 5

6. 6 Webίϯςϯπͱ ࿈ܞ͢Δٕज़

7. 7 WebView

8. WebView • View • Fragment/Activityʹ૊ΈࠐΊΔ 8

9. WebViewͷ࢖༻ྫ • WebView͔ΒͷϦΫΤετͷUser-AgentʹΞϓϦݻ༗ͷ஋Λ௥Ճ • →WebͰग़͠෼͚ɺJavaScriptͰදࣔ಺༰Λ੍ޚ • WebͰϨϯμϦϯά͞ΕͨΫʔϙϯͷόʔίʔυΛΞϓϦ಺Ͱදࣔ • →ΞϓϦଆͰը໘Λ໌Δͯ͘͠όʔίʔυϦʔμʔͰಡΈऔΓ΍͢͞޲্ •

   ΞϓϦͰϩάΠϯ͍ͯ͠Δ৔߹͸ࣗಈͰϩάΠϯ • →JWTϩάΠϯΛ࢖༻ 9

10. 10 ϒϥ΢βىಈ

11. ϒϥ΢βىಈ • Intentૹ৴ʹΑΔϒϥ΢βΞϓϦ ͷىಈ 11

12. 12 Custom Tabs

13. Custom Tabs • ΞϓϦ಺ϒϥ΢β • ϒϥ΢βΞϓϦͷActivity • ※ChromeҎ֎ͷҰ෦ͷϒϥ΢β΋αϙʔτ • ࠷௿ݶͷU/IɺΧελϚΠζՄೳ

    13

14. Custom Tabsͷߴ଎Խ • ϒϥ΢βଆͷެ։Serviceʹbind • warmup() : ىಈͷߴ଎Խ • mayLaunchUrl()

    : WebϖʔδͷϓϦϩʔυ 14

15. Custom TabsΛಋೖͨ͠ܦҢ • ΞϓϦ಺ͷϓϩϞʔγϣϯͷܦ࿏͕૿͑ͨλΠϛϯάͰɺϒϥ΢β͕ ىಈ͢Δ͜ͱʹ͍ͭͯiOSͷϨϏϡʔ͕େߥΕͨ͠ɻAndroid͸एׯ • ݱࡏ͸ϒϥ΢βΛىಈ͍ͯͨ͠৔໘Ͱ͸ɺΞϓϦ಺ϒϥ΢β ʢCustom TabsʣΛ࢖༻ 15

16. 16 TWA

17. TWA • Trusted Web Activity • ChromeͷActivity • ϑϧεΫϦʔϯදࣔՄೳ 17

18. TWAͷىಈϑϩʔ 1. Digital Asset LinksΛ࢖༻ͨ͠ݕূ ➡ ࣦഊͨ͠ΒCustom TabsͰىಈ 2. Chrome͕TWAΛαϙʔτ͍ͯ͠Δ͔֬ೝ

    ➡ αϙʔτ͍ͯ͠ͳ͍όʔδϣϯͰ͸Custom TabsͰىಈ 3. TWAΛىಈ 18

19. ৴པͰ͖ͳ͍ ৴པͰ͖Δ 19

20. https://dev.classmethod.jp/articles/report-developers-io-2019-tokyo- developersio_cafe_pwa/ 20

21. 21 ٕज़͝ͱͷҧ͍

22. UI 8FC7JFX 6*ͳ͠ɾಠࣗʹ࣮૷Ͱ͖Δ ϒϥ΢βىಈ ΧελϚΠζෆՄ $VTUPN
    5BCT γϯϓϧͳ6*ɾΧελϚΠζՄೳ 58" ϑϧεΫϦʔϯ 22

23. CookieɾΩϟογϡ؅ཧ 8FC7JFX ࣗ෼ͷΞϓϦͰ؅ཧ
    ˞ΞϓϦ͔Β੍ޚՄೳ ϒϥ΢βىಈ ϒϥ΢β͕؅ཧɾڞ༗
    ˞ΞϓϦ͔Β੍ޚෆՄ $VTUPN
    5BCT 58" 23

24. Webٕज़ͷ੍ݶ 8FC7JFX ੍ݶ͋Γ
    ػೳ͝ͱʹΞϓϦଆͰ༗ޮԽ͕ඞཁ
    04΍ߋ৽ঢ়گͰಈ࡞ʹࠩҟ͋Γ ϒϥ΢βىಈ ϒϥ΢β͕αϙʔτ͍ͯ͠Δٕज़
    ˞58"͸ݫີʹ͸$ISPNF͕αϙʔτ͍ͯ͠Δٕज़ $VTUPN
    5BCT 58"

    24

25. ·ͱΊ 25

26. ·ͱΊ 8FC7JFX ΞϓϦ޲͚ͷ8FCϖʔδΛදࣔ͢Δ
    ˞੍ݶΛཧղɾௐ੔ͯ͠8FCΛ੍࡞͢Δඞཁ͕͋Δ ϒϥ΢βىಈ ෆಛఆͷ8FCϖʔδΛදࣔ͢Δ
    Ϣʔβʔ͕ΞϓϦ͔Β཭Εͯྑ͍ $VTUPN
    5BCT ΞϓϦͷମݧͷҰ෦ͱͯ͠8FCϖʔδΛද͍ࣔͨ͠
    8FCͷٕज़Λࣗ༝ʹ࢖͍͍ͨ

    58" 18"ΛϑϧεΫϦʔϯͷΞϓϦͱͯ͠ެ։͍ͨ͠৔߹
    ˞18"Ͱͳͯ͘΋ྑ͍ 26

27. ࢀߟࢿྉ • Web-based content | Android Developers • https://developer.android.com/guide/webapps •

    Custom Tabs | Web On Android | Google Developers • https://developers.google.com/web/android/custom-tabs • Trusted Web Activity | Web On Android | Google Developers • https://developers.google.com/web/android/trusted-web-activity 27