WkWebViewのお話

Cocoa勉強会関西 #74で発表した資料です。

Transcript

1. WKWebViewͷ͓࿩ ୈ74ճ Cocoaษڧձؔ੢ 2017/08/26 େౡ ޫو@sbntaminif
2. ࣗݾ঺հ • ΢ΣϒϦΦגࣜձࣾWEBΤϯδχΞ • ΞϓϦΤϯδχΞ
 ʢࣗশʣ • ීஈ͸ژ౎Ͱಇ͍͍ͯ·͢
3. WKWebViewͱ͸
4. WKWebViewͱ͸ • ΢ΣϒίϯςϯπΛදࣔ͢ΔΦϒδΣΫτ • MacOS10.10/iOS8.0͔Β࢖༻Մೳ • ಛఆͷ΢ΣϒαΠτΛಡΈࠐΉΑ͏ͳΞϓ ϦͳΜ͔͸·ͣ͜ΕΛ࢖͏ͱࢥ͍·͢ɻ
5. ಛʹWEBΤϯδχΞʹ ೃછΈͷ͋ΔViewͩͱ ࢥ͍·͢
6. UIWebView͔Β มΘΔ΋ͷͰ͢
7. มΘΔͱ͸ʁ • iOS8.0·Ͱ͸΢ΣϒίϯςϯπΛදࣔ͢ ΔViewʹUIWebViewͱ͍͏΋ͷ͕͋ͬͨ ͕ɺެࣜͷυΩϡϝϯτʹWKWebViewΛ ࢖༻͢ΔΑ͏هࡌ͕͋Δ • ࠓճ͸UIWebViewͱͷൺֱΛ͢ΔΘ͚Ͱ ͸͍͟͝·ͤΜ
8. WKWebViewͷ ਪ͠ϙΠϯτ
9. ͦͷ1 ᙱ͍ॴʹख͕ಧ͘ ૢ࡞
10. ᙱ͍ॴʹख͕ಧ͘ • ϩʔυͷ։࢝/ऴྃɺϖʔδͷਐΉ/໭Δͷ ૢ࡞͕ίʔυ্Ͱૢ࡞Մೳ • ಡΈࠐΈঢ়گ΍ϖʔδભҠϦετͷऔಘ͕ Մೳ • DelegateΛηοτ͢Δ͜ͱͰૢ࡞࣌ʹॲ ཧΛηοτՄೳ
11. ೋͭͷDelegate • WKUIDelegate • WKWebViewΛ࡞੒/ऴྃͨ͠λΠϛϯ ά΍ɺAlert౳ͷUIܥͷૢ࡞Λ୲౰ • WKNavigationDelegate • ΢ΣϒίϯςϯπͷಡΈࠐΈ࣌ͷૢ࡞Λ ୲౰
12. ಛʹਪ͠ͳͷ͕ WKNavigationDelegate
13. ਤͰઆ໌
14. ϒϥ΢βʹΑΔHTTP௨৴ ϒϥ΢β αʔόʔ ϦΫΤετ Ϩεϙϯε ϦΫΤετϔομʔ
    ϦΫΤετϘσΟ Ϩεϙϯεϔομʔ
    ϨεϙϯεϘσΟ
15. WKWebViewʹΑΔHTTP௨৴ ϒϥ΢β αʔόʔ ϦΫΤετ Ϩεϙϯε EFDJEF1PMJDZ'PS
    OBWJHBUJPO"DUJPO EJE4UBSU1SPWJTJPOBM/BWJHBUJPO ϦμΠϨΫτ࣌͸͜͜Ͱ໭Δ EJE3FDFJWF4FSWFS3FEJSFDU'PS1SPWJTJPOBM/BWJHBUJPO
    ϦμΠϨΫτ࣌ͷΈ EJE'BJM1SPWJTJPOBM/BWJHBUJPO
    Τϥʔൃੜ࣌ͷΈ EFDJEF1PMJDZ'PS
    OBWJHBUJPO3FTQPOTF EJE$PNNJU EJE'JOJTI EJE3FDFJWF શͯ8,/BWJHBUJPO%FMFHBUFͷؔ਺
16. WKWebViewʹΑΔHTTP௨৴ ϒϥ΢β αʔόʔ ϦΫΤετ Ϩεϙϯε EFDJEF1PMJDZ'PS
    OBWJHBUJPO"DUJPO EFDJEF1PMJDZ'PS
    OBWJHBUJPO3FTQPOTF EFDJEF1PMJDZ'PSͰ
    ಡΈࠐΈΛڐՄ͢Δ͔Ωϟϯηϧ͢Δ͔Λ
    ઃఆͰ͖Δ ϦΫΤετͩͱVSM΍ϑΥʔϜૹ৴
    ϨεϙϯεͩͱϨεϙϯείʔυ΍.*.&λΠϓ
    Ͱ൑ఆͰ͖Δ
17. ͦͷ2 JavaScriptͷ࣮ߦ
18. JavaScriptͷ࣮ߦ • ಡΈࠐΜͩ΢Σϒίϯςϯπʹରͯ͠
 ೚ҙͷJavaScriptΛ࣮ߦͰ͖Δ • ElementΛऔಘ͠ɺσʔλΛSwiftଆͰ࢖༻ ͢Δ͜ͱ͕Ͱ͖Δ
19. JavaScriptͷ࣮ߦλΠϛϯ ά͸ೋछྨ͋Γ·͢
20. ೋछྨͷ࣮ߦλΠϛϯά • WKWebViewੜ੒ޙɺWKWebView͕࣋ͭ evaluateJavaScriptͱ͍͏ؔ਺ • WKWebViewConfigurationΛੜ੒͠ɺͦ ͜ʹJavaScriptΛηοτͯ͠WKWebView ͷੜ੒ʹ࢖༻͢Δ͜ͱͰಡΈࠐΈ࣌ʢલ/ ޙʣʹ࣮ߦ
21. (JavaScriptͰ͕͢) WEBεΫϨΠϐϯά Έ͍ͨͳ͜ͱ΋ՄೳͰ͢
22. ͦͷ3 ಡΈࠐΜͩϦιʔεͷ දࣔ
23. ΢ΣϒίϯςϯπΛදࣔ͢Δ ViewͳͷͰɺ΢ΣϒϖʔδΛ ಡΈࠐΉͷ͸౰વͰ͕͢
24. ϩʔΧϧʹ഑ஔͨ͠HTMLΛ ಡΈࠐΈɺදࣔͤ͞Δ͜ͱ΋ ՄೳͰ͢
25. ϩʔΧϧϑΝΠϧΛಡΈࠐΉ let termsOfUsePath = Bundle.main.path(forResource: "privacyPolicy.html", ofType: nil)! let termsOfUseHtmlData = try! Data(contentsOf: URL(fileURLWithPath: termsOfUsePath)) termsOfUseHtml = String(data: termsOfUseHtmlData, encoding: String.Encoding.utf8) webView.loadHTMLString(termsOfUseHtml, baseURL: URL(string: TermsOfUseViewController.TERMS_OF_USE_URL)!) #VOEMFͰಡΈग़ͨ͠จࣈྻ Λ8,8FC7JFXʹϩʔυ
26. WKWebViewͷ ࢒೦ϙΠϯτ
27. ͦͷ1 StoryboardະରԠ
28. StoryboardະରԠ • UIWebView͕࢒͍ͬͯΔͨΊ͔ɺ StoryboardͰWKWebViewΛ഑ஔ͢Δ͜ ͱ͕Ͱ͖·ͤΜɻ
29. શͯίʔυͰରԠ͢Δ ඞཁ͕͋Δͷ͸ ͪΐͬͱෆศͰ͢
30. ͩͬͨͷͰ͕͢ɻɻ
31. ͦͷ2 WebRTCʹରԠ͍ͯ͠ͳ͍ (?)
32. WebRTCͱ͸ • W3C͕ఏএ͢ΔP2PϦΞϧλΠϜίϛϡχ έʔγϣϯΛ࣮ݱ͢Δٕज़ • ϓϥάΠϯͳ͠Ͱϒϥ΢βؒͷ΍ΓͱΓ͕Մ ೳ • ςΩετ΍όΠφϦͳͲͷσʔλܗࣜ΍ө૾ ΍Ի੠ͳͲͷStreamܗࣜͷ΍ΓͱΓ͕Մೳ
33. ͦ΋ͦ΋iOSʹ ରԠ͍ͯ͠Δͷ?
34. ݱ࣌఺Ͱ͸ରԠ͍ͯ͠·ͤΜ • Chrome΍FireFoxͳͲChroniumϕʔεͷϒϥ ΢βͰ͔࣮͠૷͞Ε͍ͯ·ͤΜͰͨ͠ɻ • iOS͸WebKitϕʔεͳͷͰະରԠͰ͕͢ɻɻ • iOS11ͰSafariʹ࣮૷͞ΕΔ͜ͱ͕༧ఆ͞Εͯ ͍·͢ʂ
35. Կ͕ඞཁͳͷ͔
36. σόΠεʹΞΫηε͢ΔͨΊͷ API(getUserMedia)͕ϒϥ΢βʹ ࣮૷͞Ε͍ͯΔඞཁ͕͋Δ • ֎෦σόΠεʢΧϝϥ/ϚΠΫʣΛ࢖༻͢Δڐ ՄΛϒϥ΢β͕͍࣋ͬͯΔ͔֬ೝ͠ɺͦͷ StreamΛऔಘͯ͠ฦ͠·͢ɻ • Safariʹ΋࣮૷͞ΕΔ͜ͱͰɺWebRTCʹରԠ ͠·͢ɻʢ஫ɿ͜Ε͚ͩඞཁͱ͍͏͜ͱͰ͸ ͳ͍Ͱ͢ʣ
37. ͨͩ͠ɺ࢒೦ͳ͕Β
38. WKWebViewͰ͸ ରԠ͞Εͳ͍Έ͍ͨͰ͢ • ͢ͰʹBeta൛Ͱࢼ͞Εͨํ͕͍Βͬ͠Ό͍· ͨ͠ https://stackoverflow.com/questions/45055329/ does-webkit-in-ios-11-beta-support-webrtc
39. ·ͩBeta൛ͳͷͰਖ਼ࣜʹ͸ Θ͔Γ·ͤΜ͕ɺରԠ͞Ε Δ͜ͱΛظ଴͍ͨ͠Ͱ͢
40. ·ͱΊ
41. ·ͱΊ WKWebView௒ศརʂʂ ͩͱࢥ͍·͢ɻɻ
42. ࠷ޙʹએ఻Ͱ͢ iOSDC 2017ʹొஃ͠·͢ʂ • ʮӳձ࿩αʔϏεͷͨΊʹ࡞੒ͨ͠ϏσΦ νϟοτΞϓϦͷٕज़ʯͱ͍͏ςʔϚͰ࠾ ୒͞Ε·ͨ͠ʂ • ΞϓϦͰWebRTCΛ࢖༻ͯ͠ϏσΦ௨࿩Λ ࣮૷ͨ͠࿩΍ɺFirebaseͰνϟοτΛ࣮૷ ͨ͠࿩ͱӡ༻Ͱͷ஌ݟΛ͓࿩͢͠Δ༧ఆͰ ͢ʂ
43. ͥͻདྷ͍ͯͩ͘͞ʂ
44. ͋Γ͕ͱ͏͍͟͝·ͨ͠