めざせ！WKWebViewマスター！ / WKWebView Master

iOSDC Japan 2024
2024/08/24 13:00〜 Track D

Transcript

1. Ίͤ͟ʂWKWebViewϚελʔʂ @marcy731 iOSDC Japan 2024 2024/08/24 13:00ʙ Track D
2. 1. ͸͡Ίʹ 2. WKWebViewͷجૅ஌ࣝ 3. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ 4. ϓϥΠόγʔอޢͱηΩϡϦςΟ 5. ߴ౓ͳઃఆͱΧελϚΠζ 6. σόοά 7. Ԡ༻ͱ࣮ફྫ 8. ·ͱΊ Agenda
3. 1. ͸͡Ίʹ 2. WKWebViewͷجૅ஌ࣝ 3. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ 4. ϓϥΠόγʔอޢͱηΩϡϦςΟ 5. ߴ౓ͳઃఆͱΧελϚΠζ 6. σόοά 7. Ԡ༻ͱ࣮ફྫ 8. ·ͱΊ Agenda
4. ͸͡Ίʹ
5. ࣗݾ঺հ • ໊લɿ௕୩઒ ক࢘ʢ͸͕ͤΘ ·͞͠ʣ • ݺͼ໊ɿ·ʔ͠ʔ • IDɿ @marcy731 • ॴଐɿSTORESגࣜձࣾ
6. ຊτʔΫͷ໨తɾλʔήοτ • ໨తɿ • WKWebViewͷجຊ͔ΒԠ༻·ͰΛΧόʔ͠ɺॳ৺ऀ͔Βதڃऀ·Ͱͷ։ൃ ऀ͕WKWebViewΛ࢖͍͜ͳͤΔΑ͏ʹͳΔ͜ͱΛ໨ࢦ͠·͢ • → WKWebViewϚελʔ • λʔήοτɿ • ॳ৺ऀɿWKWebViewΛ͸͡Ίͯ৮Δਓ • தڃऀɿWKWebViewΛ࢖͍ͬͯΔ͚ͲɺͳΜͱͳ͘Ͱ࢖ͬͯΔਓ
7. ஫ҙࣄ߲ • ຊτʔΫͰ͸ WKWebView ࣗମͷઆ໌ʹऴ͍࢝ͯ͠Δ • SwiftUI Ͱ WKWebView Λ͏·͘࢖͏ํ๏͸ର৅֎ • ैͬͯɺαϯϓϧίʔυ΋ UIKit Λར༻͢Δ
8. 1. ͸͡Ίʹ 2. WKWebViewͷجૅ஌ࣝ 3. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ 4. ϓϥΠόγʔอޢͱηΩϡϦςΟ 5. ߴ౓ͳઃఆͱΧελϚΠζ 6. σόοά 7. Ԡ༻ͱ࣮ફྫ 8. ·ͱΊ Agenda
9. WKWebViewͷجૅ஌ࣝ
10. WebKitͱ͸ʁ • WebKit͸ɺAppleͷΦʔϓϯιʔεͷWeb Browser Engine • HTMLɺCSSɺJavaScriptͳͲͷ΢Σϒඪ४Λαϙʔτ • iOS΍macOSͷWebίϯςϯπΛදࣔ͢ΔͨΊʹ࢖༻ • Safari Browser΋͜ͷΤϯδϯΛར༻ https://webkit.org/
11. WKWebViewͱ͸ʁ • WKWebView ͸ɺiOSΞϓϦͰWebίϯςϯπΛදࣔ͢ΔͨΊͷClass • WebKitϑϨʔϜϫʔΫ Λར༻ͯ͠ɺWebϖʔδ΍HTMLίϯςϯπΛϨϯμ Ϧϯά͍ͯ͠Δ
12. WKWebViewͷओͳಛ௃ • ߴ଎Ͱޮ཰తͳύϑΥʔϚϯεɿ • WebKitΤϯδϯΛ࢖༻ͯ͠ɺߴ଎ͳϖʔδϨϯμϦϯάͱޮ཰తͳϦιʔ ε؅ཧΛ࣮ݱ • ϓϩηε෼཭ͱηΩϡϦςΟɿ • ΢ΣϒίϯςϯπͱΞϓϦͷϓϩηεΛ෼཭͠ɺΞϓϦͷ҆ఆੑͱηΩϡ ϦςΟΛ޲্ • ߴ౓ͳΧελϚΠζͱ੍ޚɿ • JavaScriptͱͷ࿈ܞ΍ίϯςϯπͷ੍ޚ͕ॊೈʹߦ͑Δ
13. WKWebViewͱଞͷWebViewͷҧ͍ • UIWebView (Deprecated) • In-App Browser • SFSafariViewController • ASWebAuthenticationSession
14. WKWebViewͱSFSafariViewControllerͷҧ͍ https://developer.apple.com/jp/news/?id=trjs0tcd
15. WKWebViewͱSFSafariViewControllerͷҧ͍ • WKWebView • WebKitϑϨʔϜϫʔΫ • දࣔΛΧελϚΠζ·ͨ͸ίϯτϩʔϧ͍ͨ࣌͠ʹ࠷ద • WebίϯςϯπΛAppͷUIʹγʔϜϨεʹ౷߹Ͱ͖Δ • SFSafariViewController • SafariServicesϑϨʔϜϫʔΫ • ؅ཧ֎ͷWebίϯςϯπΛදࣔͨ͠ΓɺΧελϚΠζ΍ίϯτϩʔϧ͕ෆཁͳ࣌ʹ࠷ద • ύεϫʔυͷࣗಈೖྗɺϦʔμʔɺηΩϡΞϒϥ΢δϯάͳͲͷػೳΛؚΉSafariͱಉ ༷ͷWebϒϥ΢δϯάମݧ͕Ͱ͖Δ https://developer.apple.com/documentation/safariservices/sfsafariviewcontroller
16. SFSafariViewControllerͱASWebAuthenticationSession • SFSafariViewController • SafariServicesϑϨʔϜϫʔΫ • ؅ཧ֎ͷWebίϯςϯπΛදࣔͨ͠ΓɺΧελϚΠζ΍ίϯτϩʔϧ͕ෆཁͳ࣌ʹ࠷ద • ύεϫʔυͷࣗಈೖྗɺϦʔμʔɺηΩϡΞϒϥ΢δϯάͳͲͷػೳΛؚΉSafariͱಉ༷ͷWeb ϒϥ΢δϯάମݧ͕Ͱ͖Δ • ASWebAuthenticationSession • SafariServicesϑϨʔϜϫʔΫ • αʔυύʔςΟͷೝূʢϩάΠϯͳͲʣ͕ඞཁͳ৔߹ʹ࠷ద • αʔυύʔςΟೝূϓϩόΠμͱͷηΩϡΞͳೝূηογϣϯΛఏڙ͠ɺOAuth΍OpenID ConnectͳͲͷೝূΛαϙʔτ
17. WKWebViewͷجຊతͳ࢖͍ํ import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() } }
18. WKWebViewͷجຊతͳ࢖͍ํ import UIKit import WebKit class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // WKWebViewͷΠϯελϯεΛ࡞੒ webView = WKWebView(frame: view.bounds) } }
19. WKWebViewͷجຊతͳ࢖͍ํ import UIKit import WebKit class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // WKWebViewͷΠϯελϯεΛ࡞੒ webView = WKWebView(frame: view.bounds) // ϏϡʔʹWKWebViewΛ௥Ճ view.addSubview(webView) } }
20. WKWebViewͷجຊతͳ࢖͍ํ import UIKit import WebKit class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // WKWebViewͷΠϯελϯεΛ࡞੒ webView = WKWebView(frame: view.bounds) // ϏϡʔʹWKWebViewΛ௥Ճ view.addSubview(webView) // WebϖʔδΛಡΈࠐΉ if let url = URL(string: "https://www.apple.com") { let request = URLRequest(url: url) webView.load(request) } } }
21. WKWebViewͷجຊతͳ࢖͍ํ import UIKit import WebKit class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // WKWebViewͷΠϯελϯεΛ࡞੒ webView = WKWebView(frame: view.bounds) // ϏϡʔʹWKWebViewΛ௥Ճ view.addSubview(webView) // WebϖʔδΛಡΈࠐΉ if let url = URL(string: "https://www.apple.com") { let request = URLRequest(url: url) webView.load(request) } } }
22. WKWebViewͷجຊతͳ࢖͍ํ import UIKit import WebKit class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // WKWebViewͷΠϯελϯεΛ࡞੒ webView = WKWebView(frame: view.bounds) // ϏϡʔʹWKWebViewΛ௥Ճ view.addSubview(webView) // ϩʔΧϧHTMLϑΝΠϧͷಡΈࠐΈ if let localHtmlPath = Bundle.main.path(forResource: "index", ofType: "html") { let localHtmlUrl = URL(fileURLWithPath: localHtmlPath) let request = URLRequest(url: localHtmlUrl) webView.load(request) } } }
23. WKWebViewͷجຊతͳ࢖͍ํ import UIKit import WebKit class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // WKWebViewͷΠϯελϯεΛ࡞੒ webView = WKWebView(frame: view.bounds) // ϏϡʔʹWKWebViewΛ௥Ճ view.addSubview(webView) // HTMLจࣈྻͷ௚઀ಡΈࠐΈ let htmlString = "<html><body><h1>Hello, World!</h1></body></html>" webView.loadHTMLString(htmlString, baseURL: nil) } }
24. WKWebViewͷओཁͳίϯϙʔωϯτ • WKWebViewɿ Web ίϯςϯπΛදࣔ͢ΔView • WKWebViewCon f igurationɿ WKWebView ͷઃఆΛΧελϚΠζ͢ΔClass • WKUserContentControllerɿ JavaScript ͔ΒMessageΛड৴͢ΔͨΊͷClass • WKScriptMessageHandlerɿJavaScript ͔ΒMessageΛॲཧ͢ΔProtcol • WKNavigationDelegateɿ φϏήʔγϣϯʢϖʔδಡΈࠐΈɺભҠɺΤϥʔͳͲʣΛ؂ࢹ͢ΔProtcol • WKUIDelegateɿ UIؔ࿈ͷΠϕϯτʢΞϥʔτɺϙοϓΞοϓɺೖྗͳͲʣΛॲཧ͢ΔProtcol • WKNavigationɿ Web ϖʔδͷφϏήʔγϣϯͷঢ়ଶΛද͢Class • WKWebsiteDataStoreɿWKWebView ͷCacheɺCookieɺLocal StrageͳͲΛ؅ཧ͢ΔClass • WKProcessPoolɿWKWebView ΠϯελϯεؒͰϓϩηεΛڞ༗͢ΔͨΊͷClass • Etc…
25. 1. ͸͡Ίʹ 2. WKWebViewͷجૅ஌ࣝ 3. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ 4. ϓϥΠόγʔอޢͱηΩϡϦςΟ 5. ߴ౓ͳઃఆͱΧελϚΠζ 6. σόοά 7. Ԡ༻ͱ࣮ફྫ 8. ·ͱΊ Agenda
26. ΠϯλϥΫςΟϒͳػೳͷ࣮૷
27. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ • JavaScriptͱͷ࿈ܞ • JavaScript͔ΒωΠςΟϒίʔυͷݺͼग़͠ • ωΠςΟϒίʔυ͔ΒJavaScriptͷ࣮ߦ • ϢʔβʔΠϯλϥΫγϣϯͷΧελϚΠζ • ζʔϜͷ੍ޚ
28. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ • JavaScriptͱͷ࿈ܞ • JavaScript͔ΒωΠςΟϒίʔυͷݺͼग़͠ • ωΠςΟϒίʔυ͔ΒJavaScriptͷ࣮ߦ • ϢʔβʔΠϯλϥΫγϣϯͷΧελϚΠζ • ζʔϜͷ੍ޚ
29. JavaScript͔ΒωΠςΟϒίʔυͷݺͼग़͠ • WKScriptMessageHandler • JavaScript ͔ΒͷϝοηʔδΛड৴͢ΔͨΊͷϓϩτίϧ • WKScriptMessageHandlerWithReply • JavaScript ͔Βͷϝοηʔδʹରͯ͠ඇಉظతʹฦ৴͢ΔͨΊͷϓϩτίϧ
30. JavaScript͔ΒωΠςΟϒίʔυͷݺͼग़͠ • WKScriptMessageHandler • JavaScript ͔ΒͷϝοηʔδΛड৴͢ΔͨΊͷϓϩτίϧ • WKScriptMessageHandlerWithReply • JavaScript ͔Βͷϝοηʔδʹରͯ͠ඇಉظతʹฦ৴͢ΔͨΊͷϓϩτίϧ
31. WKScriptMessageHandler Λར༻ͨ͠ྫ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { let request = URLRequest(url: url) webView.load(request) } } }
32. WKScriptMessageHandler Λར༻ͨ͠ྫ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // WKUserContentControllerɿJavaScript ͔ΒͷϝοηʔδΛड৴͢ΔͨΊͷClass // “myMessageHandler” ͱ͍͏໊લͰड͚औΔ४උ let contentController = WKUserContentController() contentController.add(self, name: "myMessageHandler") webView = WKWebView(frame: view.bounds) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { let request = URLRequest(url: url) webView.load(request) } } }
33. WKScriptMessageHandler Λར༻ͨ͠ྫ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let contentController = WKUserContentController() contentController.add(self, name: "myMessageHandler") // WKWebViewConfigurationɿઃఆΛΧελϚΠζ͢ΔͨΊͷClass // WKWebViewConfigurationʹWKUserContentControllerΛ௥Ճ͠ɺWKWebViewͷΠχγϟϥΠβͰઃఆ let config = WKWebViewConfiguration() config.userContentController = contentController webView = WKWebView(frame: view.bounds, configuration: config) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { let request = URLRequest(url: url) webView.load(request) } } }
34. WKScriptMessageHandler Λར༻ͨ͠ྫ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() … contentController.add(self, name: "myMessageHandler") … } } // WKScriptMessageHandlerɿJavaScript ͔ΒͷϝοηʔδΛॲཧ͢Δϓϩτίϧ extension ViewController: WKScriptMessageHandler { }
35. WKScriptMessageHandler Λར༻ͨ͠ྫ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() … contentController.add(self, name: "myMessageHandler") … } } // WKScriptMessageHandlerɿJavaScript ͔ΒͷϝοηʔδΛॲཧ͢Δϓϩτίϧ extension ViewController: WKScriptMessageHandler { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) { } }
36. class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() … contentController.add(self, name: "myMessageHandler") … } } // WKScriptMessageHandlerɿJavaScript ͔ΒͷϝοηʔδΛॲཧ͢Δϓϩτίϧ extension ViewController: WKScriptMessageHandler { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) { if message.name == "myMessageHandler" { print("Received message from JavaScript: \(message.body)") } } } WKScriptMessageHandler Λར༻ͨ͠ྫ
37. WKScriptMessageHandler Λར༻ͨ͠ྫ myMessageHandler.js ɹ // JavaScript ଆͰ͸ webkit.messageHandlers.<handler_name>.postMessage Λར༻ window.webkit.messageHandlers.myMessageHandler.postMessage("Hello from JavaScript"); https://developer.apple.com/documentation/webkitjs/usermessagehandler/1631164-postmessage
38. WKScriptMessageHandler Λར༻ͨ͠ྫ // 3. JavaScript ଆͰ͸͋Β͔͡ΊܾΊͨϝιου໊ͰɹpostMessage Λୟ͍ͯωΠςΟϒଆʹMessageΛૹΔ window.webkit.messageHandlers.myMessageHandler.postMessage("Hello from JavaScript"); // 2. WKScriptMessageHandler Ͱ JavaScript ͔ΒͷϝοηʔδΛॲཧ͢Δ extension ViewController: WKScriptMessageHandler { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) { if message.name == "myMessageHandler" { print("Received message from JavaScript: \(message.body)") } } } // 1. WKUserContentController ΁ొ࿥ contentController.add(self, name: "myMessageHandler")
39. WKScriptMessageHandler Λར༻ͨ͠ྫ // 3. JavaScript ଆͰ͸͋Β͔͡ΊܾΊͨϝιου໊ͰɹpostMessage Λୟ͍ͯωΠςΟϒଆʹMessageΛૹΔ window.webkit.messageHandlers.myMessageHandler.postMessage("Hello from JavaScript"); // 2. WKScriptMessageHandler Ͱ JavaScript ͔ΒͷϝοηʔδΛॲཧ͢Δ extension ViewController: WKScriptMessageHandler { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) { if message.name == "myMessageHandler" { print("Received message from JavaScript: \(message.body)") } } } // 1. WKUserContentController ΁ొ࿥ contentController.add(self, name: "myMessageHandler")
40. WKScriptMessageHandler Λར༻ͨ͠ྫ // 3. JavaScript ଆͰ͸͋Β͔͡ΊܾΊͨϝιου໊ͰɹpostMessage Λୟ͍ͯωΠςΟϒଆʹMessageΛૹΔ window.webkit.messageHandlers.myMessageHandler.postMessage("Hello from JavaScript"); // 2. WKScriptMessageHandler Ͱ JavaScript ͔ΒͷϝοηʔδΛॲཧ͢Δ extension ViewController: WKScriptMessageHandler { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) { if message.name == "myMessageHandler" { print("Received message from JavaScript: \(message.body)") } } } // 1. WKUserContentController ΁ొ࿥ contentController.add(self, name: "myMessageHandler")
41. // 3. JavaScript ଆͰ͸͋Β͔͡ΊܾΊͨϝιου໊ͰɹpostMessage Λୟ͍ͯωΠςΟϒଆʹMessageΛૹΔ window.webkit.messageHandlers.myMessageHandler.postMessage("Hello from JavaScript"); // 2. WKScriptMessageHandler Ͱ JavaScript ͔ΒͷϝοηʔδΛॲཧ͢Δ extension ViewController: WKScriptMessageHandler { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) { if message.name == "myMessageHandler" { print("Received message from JavaScript: \(message.body)") } } } // 1. WKUserContentController ΁ొ࿥ contentController.add(self, name: "myMessageHandler") WKScriptMessageHandler Λར༻ͨ͠ྫ
42. JavaScript͔ΒωΠςΟϒίʔυͷݺͼग़͠ • WKScriptMessageHandler • JavaScript ͔ΒͷϝοηʔδΛड৴͢ΔͨΊͷϓϩτίϧ • WKScriptMessageHandlerWithReply • JavaScript ͔Βͷϝοηʔδʹରͯ͠ඇಉظతʹฦ৴͢ΔͨΊͷϓϩτίϧ
43. WKScriptMessageHandlerWithReply Λར༻ͨ͠ྫ // 3. JavaScriptଆͰ͸ postMessage Λୟ͍ͯωΠςΟϒଆʹMessageΛૹΓɺϨεϙϯεΛPromiseͰॲཧ͢Δ try { const result = await window.webkit.messageHandlers.myMessageHandler.postMessage("Hello"); console.log(result); // ੒ޭͨ݁͠Ռ: Received message from JavaScript: Hello } catch (err) { console.log(err); // Τϥʔ಺༰: Error } // 2. JavaScript ͔ΒͷϝοηʔδΛॲཧ͠ɺJavaScriptଆ΁ฦ৴͢Δ extension ViewController: WKScriptMessageHandlerWithReply { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) async -> (Any?, String?) { if message.name == "myMessageHandler" { return ("Received message from JavaScript: \(message.body)", nil) } else { return (nil, "Error") } } } // 1. WKScriptMessageHandlerWithReplyͷhandler௥Ճ༻ͷϝιου΁௥Ճ contentController.addScriptMessageHandler(self, contentWorld: .page, name: "myMessageHandler")
44. WKScriptMessageHandlerWithReply Λར༻ͨ͠ྫ // 3. JavaScriptଆͰ͸ postMessage Λୟ͍ͯωΠςΟϒଆʹMessageΛૹΓɺϨεϙϯεΛPromiseͰॲཧ͢Δ try { const result = await window.webkit.messageHandlers.myMessageHandler.postMessage("Hello"); console.log(result); // ੒ޭͨ݁͠Ռ: Received message from JavaScript: Hello } catch (err) { console.log(err); // Τϥʔ಺༰: Error } // 2. JavaScript ͔ΒͷϝοηʔδΛॲཧ͠ɺJavaScriptଆ΁ฦ৴͢Δ extension ViewController: WKScriptMessageHandlerWithReply { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) async -> (Any?, String?) { if message.name == "myMessageHandler" { return ("Received message from JavaScript: \(message.body)", nil) } else { return (nil, "Error") } } } // 1. WKScriptMessageHandlerWithReplyͷhandler௥Ճ༻ͷϝιου΁௥Ճ contentController.addScriptMessageHandler(self, contentWorld: .page, name: "myMessageHandler")
45. WKScriptMessageHandlerWithReply Λར༻ͨ͠ྫ // 3. JavaScriptଆͰ͸ postMessage Λୟ͍ͯωΠςΟϒଆʹMessageΛૹΓɺϨεϙϯεΛPromiseͰॲཧ͢Δ try { const result = await window.webkit.messageHandlers.myMessageHandler.postMessage("Hello"); console.log(result); // ੒ޭͨ݁͠Ռ: Received message from JavaScript: Hello } catch (err) { console.log(err); // Τϥʔ಺༰: Error } // 2. JavaScript ͔ΒͷϝοηʔδΛॲཧ͠ɺJavaScriptଆ΁ฦ৴͢Δ extension ViewController: WKScriptMessageHandlerWithReply { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) async -> (Any?, String?) { if message.name == "myMessageHandler" { return ("Received message from JavaScript: \(message.body)", nil) } else { return (nil, "Error") } } } // 1. WKScriptMessageHandlerWithReplyͷhandler௥Ճ༻ͷϝιου΁௥Ճ contentController.addScriptMessageHandler(self, contentWorld: .page, name: "myMessageHandler")
46. WKScriptMessageHandlerWithReply Λར༻ͨ͠ྫ // 3. JavaScriptଆͰ͸ postMessage Λୟ͍ͯωΠςΟϒଆʹMessageΛૹΓɺϨεϙϯεΛPromiseͰॲཧ͢Δ try { const result = await window.webkit.messageHandlers.myMessageHandler.postMessage("Hello"); console.log(result); // ੒ޭͨ݁͠Ռ: Received message from JavaScript: Hello } catch (err) { console.log(err); // Τϥʔ಺༰: Error } // 2. JavaScript ͔ΒͷϝοηʔδΛॲཧ͠ɺJavaScriptଆ΁ฦ৴͢Δ extension ViewController: WKScriptMessageHandlerWithReply { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) async -> (Any?, String?) { if message.name == "myMessageHandler" { return ("Received message from JavaScript: \(message.body)", nil) } else { return (nil, "Error") } } } // 1. WKScriptMessageHandlerWithReplyͷhandler௥Ճ༻ͷϝιου΁௥Ճ contentController.addScriptMessageHandler(self, contentWorld: .page, name: "myMessageHandler")
47. WKScriptMessageHandlerWithReply Λར༻ͨ͠ྫ // 3. JavaScriptଆͰ͸ postMessage Λୟ͍ͯωΠςΟϒଆʹMessageΛૹΓɺϨεϙϯεΛPromiseͰॲཧ͢Δ try { const result = await window.webkit.messageHandlers.myMessageHandler.postMessage("Hello"); console.log(result); // ੒ޭͨ݁͠Ռ: Received message from JavaScript: Hello } catch (err) { console.log(err); // Τϥʔ಺༰: Error } // 2. JavaScript ͔ΒͷϝοηʔδΛॲཧ͠ɺJavaScriptଆ΁ฦ৴͢Δ extension ViewController: WKScriptMessageHandlerWithReply { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) async -> (Any?, String?) { if message.name == "myMessageHandler" { return ("Received message from JavaScript: \(message.body)", nil) } else { return (nil, "Error") } } } // 1. WKScriptMessageHandlerWithReplyͷhandler௥Ճ༻ͷϝιου΁௥Ճ contentController.addScriptMessageHandler(self, contentWorld: .page, name: "myMessageHandler")
48. WKScriptMessageHandlerWithReply Λར༻ͨ͠ྫ // 3. JavaScriptଆͰ͸ postMessage Λୟ͍ͯωΠςΟϒଆʹMessageΛૹΓɺϨεϙϯεΛPromiseͰॲཧ͢Δ try { const result = await window.webkit.messageHandlers.myMessageHandler.postMessage("Hello"); console.log(result); // ੒ޭͨ݁͠Ռ: Received message from JavaScript: Hello } catch (err) { console.log(err); // Τϥʔ಺༰: Error } // 2. JavaScript ͔ΒͷϝοηʔδΛॲཧ͠ɺJavaScriptଆ΁ฦ৴͢Δ extension ViewController: WKScriptMessageHandlerWithReply { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) async -> (Any?, String?) { if message.name == "myMessageHandler" { return ("Received message from JavaScript: \(message.body)", nil) } else { return (nil, "Error") } } } // 1. WKScriptMessageHandlerWithReplyͷhandler௥Ճ༻ͷϝιου΁௥Ճ contentController.addScriptMessageHandler(self, contentWorld: .page, name: "myMessageHandler")
49. JavaScript͔ΒωΠςΟϒίʔυͷݺͼग़͠ (࠶ܝ) • WKScriptMessageHandler • JavaScript ͔ΒͷϝοηʔδΛड৴͢ΔͨΊͷϓϩτίϧ • WKScriptMessageHandlerWithReply • JavaScript ͔Βͷϝοηʔδʹରͯ͠ඇಉظతʹฦ৴͢ΔͨΊͷϓϩτίϧ
50. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ • JavaScriptͱͷ࿈ܞ • JavaScript͔ΒωΠςΟϒίʔυͷݺͼग़͠ • ωΠςΟϒίʔυ͔ΒJavaScriptͷ࣮ߦ • ϢʔβʔΠϯλϥΫγϣϯͷΧελϚΠζ • ζʔϜͷ੍ޚ
51. ωΠςΟϒίʔυ͔ΒJavaScriptͷ࣮ߦ • WKUserScript ͷར༻ • WebίϯςϯπʹJavaScriptΛૠೖ͢Δ • evaluateJavaScript(_:completionHandler:)ϝιουͷར༻ • ೚ҙͷλΠϛϯάͰJavaScriptΛ࣮ߦ͢ΔAPI
52. ωΠςΟϒίʔυ͔ΒJavaScriptͷ࣮ߦ • WKUserScript ͷར༻ • WebίϯςϯπʹJavaScriptΛૠೖ͢Δ • evaluateJavaScript(_:completionHandler:)ϝιουͷར༻ • ೚ҙͷλΠϛϯάͰJavaScriptΛ࣮ߦ͢ΔAPI
53. WKUserScript ͷར༻ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let contentController = WKUserContentController() let config = WKWebViewConfiguration() config.userContentController = contentController webView = WKWebView(frame: view.bounds, configuration: config) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } }
54. WKUserScript ͷར༻ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let contentController = WKUserContentController() // JavaScriptจࣈྻΛWKUserScriptʹม׵͠ɺWKUserContentControllerʹ௥Ճ͢Δ let script = "document.querySelector('#header').style.display = 'none'" let userScript = WKUserScript( source: script, injectionTime: .atDocumentEnd,ɹ forMainFrameOnly: true ) contentController.addUserScript(userScript) let config = WKWebViewConfiguration() config.userContentController = contentController webView = WKWebView(frame: view.bounds, configuration: config) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) }
55. WKUserScript ͷར༻ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let contentController = WKUserContentController() // JavaScriptจࣈྻΛWKUserScriptʹม׵͠ɺWKUserContentControllerʹ௥Ճ͢Δ let script = "document.querySelector('#header').style.display = 'none'" let userScript = WKUserScript( source: script, // atDocumentStart: ϖʔδͷϩʔυલʹεΫϦϓτΛ஫ೖ // atDocumentEnd: ϖʔδͷશମ͕ಡΈࠐ·ΕͨޙʹεΫϦϓτΛ஫ೖ injectionTime: .atDocumentEnd,ɹ forMainFrameOnly: true ) contentController.addUserScript(userScript) let config = WKWebViewConfiguration() config.userContentController = contentController webView = WKWebView(frame: view.bounds, configuration: config) view.addSubview(webView)
56. ωΠςΟϒίʔυ͔ΒJavaScriptͷ࣮ߦ • WKUserScript ͷར༻ • WebίϯςϯπʹJavaScriptΛૠೖ͢Δ • evaluateJavaScript(_:completionHandler:)ϝιουͷར༻ • ೚ҙͷλΠϛϯάͰJavaScriptΛ࣮ߦ͢ΔAPI
57. evaluateJavaScript(_:completionHandler:)ϝιουͷར༻ import UIKit import WebKit extension ViewController: WKNavigationDelegate { // WebίϯςϯπͷಡΈࠐΈ׬ྃΛϋϯυϦϯά͢ΔWKNavigationDelegateϝιου // WebίϯςϯπͷಡΈࠐΈ׬ྃ࣌ʹJavaScriptΛ࣮ߦ͢Δྫ func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) { } }
58. evaluateJavaScript(_:completionHandler:)ϝιουͷར༻ import UIKit import WebKit extension ViewController: WKNavigationDelegate { // WebίϯςϯπͷಡΈࠐΈ׬ྃΛϋϯυϦϯά͢ΔWKNavigationDelegateϝιου // WebίϯςϯπͷಡΈࠐΈ׬ྃ࣌ʹJavaScriptΛ࣮ߦ͢Δྫ func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) { // JavaScriptͷεΫϦϓτΛ४උ let javaScriptString = "document.body.style.backgroundColor = ‘red';" } }
59. evaluateJavaScript(_:completionHandler:)ϝιουͷར༻ import UIKit import WebKit extension ViewController: WKNavigationDelegate { // WebίϯςϯπͷಡΈࠐΈ׬ྃΛϋϯυϦϯά͢ΔWKNavigationDelegateϝιου // WebίϯςϯπͷಡΈࠐΈ׬ྃ࣌ʹJavaScriptΛ࣮ߦ͢Δྫ func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) { // JavaScriptͷεΫϦϓτΛ४උ let javaScriptString = "document.body.style.backgroundColor = ‘red’;" // evaluateJavaScript(_:completionHandler:)ϝιουΛ࢖༻ͯ͠ɺJavaScriptίʔυΛ࣮ߦ webView.evaluateJavaScript(javaScriptString) { (result, error) in if let error = error { print("JavaScript execution error: \(error.localizedDescription)") } else if let result = result { print("JavaScript execution result: \(result)") } } }
60. ωΠςΟϒίʔυ͔ΒJavaScriptͷ࣮ߦ (࠶ܝ) • WKUserScript ͷར༻ • WebίϯςϯπʹJavaScriptΛૠೖ͢Δ • evaluateJavaScript(_:completionHandler:)ϝιουͷར༻ • ೚ҙͷλΠϛϯάͰJavaScriptΛ࣮ߦ͢ΔAPI
61. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ • JavaScriptͱͷ࿈ܞ • JavaScript͔ΒωΠςΟϒίʔυͷݺͼग़͠ • ωΠςΟϒίʔυ͔ΒJavaScriptͷ࣮ߦ • ϢʔβʔΠϯλϥΫγϣϯͷΧελϚΠζ • ζʔϜͷ੍ޚ
62. ζʔϜͷ੍ޚ • WKWebViewͷSubViewʹ͸UIScrollView͕͋Γɺ͜ͷUIScrollViewΛ੍ޚ ͢Δ͜ͱͰζʔϜͷ੍ޚΛߦ͏
63. WebView ಺ͷ Zooming Λແޮʹ͢Δ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } }
64. WebView ಺ͷ Zooming Λແޮʹ͢Δ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) view.addSubview(webView) webView.scrollView.delegate = self if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } } // MARK: - UIScrollViewDelegate extension ViewController: UIScrollViewDelegate { }
65. WebView ಺ͷ Zooming Λແޮʹ͢Δ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) view.addSubview(webView) webView.scrollView.delegate = self if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } } // MARK: - UIScrollViewDelegate extension ViewController: UIScrollViewDelegate { func scrollViewWillBeginZooming(_ scrollView: UIScrollView, with view: UIView?) { } }
66. WebView ಺ͷ Zooming Λແޮʹ͢Δ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) view.addSubview(webView) webView.scrollView.delegate = self if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } } // MARK: - UIScrollViewDelegate extension ViewController: UIScrollViewDelegate { func scrollViewWillBeginZooming(_ scrollView: UIScrollView, with view: UIView?) { scrollView.pinchGestureRecognizer?.isEnabled = false }
67. 1. ͸͡Ίʹ 2. WKWebViewͷجૅ஌ࣝ 3. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ 4. ϓϥΠόγʔอޢͱηΩϡϦςΟ 5. ߴ౓ͳઃఆͱΧελϚΠζ 6. σόοά 7. Ԡ༻ͱ࣮ફྫ 8. ·ͱΊ Agenda
68. ϓϥΠόγʔอޢͱηΩϡϦςΟ
69. ϓϥΠόγʔอޢͱηΩϡϦςΟ • ϓϥΠόγʔͷอޢ • WebαΠτͷσʔλ؅ཧ • ϩʔΧϧετϨʔδͷ؅ཧ • ηΩϡϦςΟ • JavaScriptͷ੍ݶͱ؅ཧ • App Transport Security (ATS) ͷઃఆ
70. ϓϥΠόγʔอޢͱηΩϡϦςΟ • ϓϥΠόγʔͷอޢ • WebαΠτͷσʔλ؅ཧ • ϩʔΧϧετϨʔδͷ؅ཧ • ηΩϡϦςΟ • JavaScriptͷ੍ݶͱ؅ཧ • App Transport Security (ATS) ͷઃఆ
71. WebαΠτͷσʔλ؅ཧ • WKWebsiteDataStore • WebαΠτ͔ΒͷσʔλʢΫοΩʔɺΩϟογϡͳͲʣΛอଘ͠ɺ؅ཧ͢ ΔͨΊͷΫϥε • WKWebViewͷΠϯελϯεؒͰσʔλΛڞ༗ͨ͠ΓɺಛఆͷWebίϯς ϯπʹؔ࿈͢ΔσʔλͷΫϦʔϯΞοϓΛߦ͏͜ͱ͕Ͱ͖Δ • ϓϥΠόγʔอޢͷͨΊɺ͜ΕΒͷετϨʔδΛద੾ʹ؅ཧ͢Δ͜ͱ͕ॏཁ
72. WebαΠτͷσʔλ؅ཧ • WKWebsiteDataStore ͷ࣮૷͸ʮߴ౓ͳઃఆͱΧελϚΠζ > σʔλετ ΞͷΧελϚΠζʯͰઆ໌͢ΔͷͰ͜͜Ͱ͸লུ
73. ϓϥΠόγʔอޢͱηΩϡϦςΟ • ϓϥΠόγʔͷอޢ • WebαΠτͷσʔλ؅ཧ • ϩʔΧϧετϨʔδͷ؅ཧ • ηΩϡϦςΟ • JavaScriptͷ੍ݶͱ؅ཧ • App Transport Security (ATS) ͷઃఆ
74. ϩʔΧϧετϨʔδͷ؅ཧ • ϩʔΧϧετϨʔδ΁͸JavaScriptܦ༝ͰΞΫηε͢Δ͜ͱ͕Ͱ͖Δ
75. ϩʔΧϧετϨʔδͷ؅ཧ // ϩʔΧϧετϨʔδʹσʔλΛอଘ webView.evaluateJavaScript("localStorage.setItem('key', 'value');") {}
76. ϩʔΧϧετϨʔδͷ؅ཧ // ϩʔΧϧετϨʔδʹσʔλΛอଘ webView.evaluateJavaScript("localStorage.setItem('key', 'value');") {} // ϩʔΧϧετϨʔδ͔ΒσʔλΛऔಘ webView.evaluateJavaScript("localStorage.getItem(‘key’);”) {}
77. ϩʔΧϧετϨʔδͷ؅ཧ // ϩʔΧϧετϨʔδʹσʔλΛอଘ webView.evaluateJavaScript("localStorage.setItem('key', 'value');") {} // ϩʔΧϧετϨʔδ͔ΒσʔλΛऔಘ webView.evaluateJavaScript("localStorage.getItem(‘key’);”) {} // ϩʔΧϧετϨʔδ͔ΒσʔλΛ࡟আ webView.evaluateJavaScript("localStorage.removeItem('key');") {} https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
78. ϩʔΧϧετϨʔδͷ؅ཧ • ஫ҙ఺ • ηΩϡϦςΟ: • localStorage ͸ΫϥΠΞϯταΠυͰσʔλΛอଘ͢ΔͨΊɺػີੑͷߴ͍৘ใ Λอଘ͢Δͷ͸ආ͚Δ΂͖ • σʔλ͕ϒϥ΢βͷετϨʔδʹอଘ͞ΕΔͨΊɺଞͷϖʔδ΍ηογϣϯͰ΋ ΞΫηεͰ͖ΔՄೳੑ͕͋Δ • ΫϩεΦϦδϯ: • WKWebView ͷ localStorage ͸ಉҰΦϦδϯϙϦγʔʹै͏ͨΊɺҟͳΔΦϦδ ϯͷϖʔδ͔Β͸ΞΫηεͰ͖ͳ͍
79. ϓϥΠόγʔอޢͱηΩϡϦςΟ • ϓϥΠόγʔͷอޢ • WebαΠτͷσʔλ؅ཧ • ϩʔΧϧετϨʔδͷ؅ཧ • ηΩϡϦςΟ • JavaScriptͷ੍ݶͱ؅ཧ • App Transport Security (ATS) ͷઃఆ
80. JavaScriptͷ੍ݶͱ؅ཧ • JavaScriptͷ࣮ߦ͕ෆཁͳͷͰ͋Ε͹໌ࣔతʹແޮʹͯ͋͛͠Δ͜ͱ΋ݕ౼
81. JavaScriptͷ੍ݶͱ؅ཧ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } }
82. JavaScriptͷ੍ݶͱ؅ཧ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // WKWebpagePreferences: ϖʔδίϯςϯπͷಡΈࠐΈͱϨϯμϦϯά࣌ͷৼΔ෣͍Λࢦఆ // allowsContentJavaScript = false ͱ͢Δ͜ͱͰJavaScriptΛແޮʹ͢Δ let webpagePreferences = WKWebpagePreferences() webpagePreferences.allowsContentJavaScript = false webView = WKWebView(frame: view.bounds) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } }
83. JavaScriptͷ੍ݶͱ؅ཧ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // WKWebpagePreferences: ϖʔδίϯςϯπͷಡΈࠐΈͱϨϯμϦϯά࣌ͷৼΔ෣͍Λࢦఆ // allowsContentJavaScript = false ͱ͢Δ͜ͱͰJavaScriptΛແޮʹ͢Δ let webpagePreferences = WKWebpagePreferences() webpagePreferences.allowsContentJavaScript = false let config = WKWebViewConfiguration() config.defaultWebpagePreferences = webpagePreferences webView = WKWebView(frame: view.bounds, configuration: config) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } }
84. JavaScriptͷ੍ݶͱ؅ཧ • ͲͷΑ͏ͳϦεΫ͕͋Δ͔ • ѱҙͷ͋Δίʔυ࣮ߦ • ΫϩεαΠτεΫϦϓςΟϯά (XSS) ߈ܸͳͲͷϦεΫ͕ߴ·Δ • ηΩϡϦςΟϙϦγʔ΍ݕࠪΛ௨ͯ͡ɺ҆શͰ͋Δ͜ͱ͕֬ೝ͞Εͨ ίʔυͷΈΛڐՄ͢Δ͜ͱ͕ॏཁ • ৘ใ࿙Ӯͷ๷ࢭ • ֎෦ͷεΫϦϓτ͕ϢʔβʔͷσʔλʹΞΫηε͢ΔͷΛ๷͙͜ͱ͕Ͱ͖ Δ • ಛʹɺϢʔβʔͷϓϥΠόγʔʹؔΘΔ৘ใؚ͕·ΕΔ৔߹ɺॏཁ
85. ϓϥΠόγʔอޢͱηΩϡϦςΟ • ϓϥΠόγʔͷอޢ • WebαΠτͷσʔλ؅ཧ • ϩʔΧϧετϨʔδͷ؅ཧ • ηΩϡϦςΟ • JavaScriptͷ੍ݶͱ؅ཧ • App Transport Security (ATS) ͷઃఆ
86. App Transport Security (ATS) ͷઃఆ • App Transport Security (ATS) ͱ͸ • iOSΞϓϦέʔγϣϯ͕ηΩϡΞͳ௨৴Λߦ͏ͨΊͷηΩϡϦςΟػೳ • ATS͸ɺHTTP௨৴ͷηΩϡϦςΟΛ޲্ͤ͞ΔͨΊʹɺHTTPSΛڧ੍͢Δ • = HTTPʹ͸ΞΫηεͰ͖ͳ͍ • ಛఆͷHTTPΛར༻͍ͯ͠ΔυϝΠϯʹରͯ͠ATSͷ੍ݶΛ؇࿨͢Δʹ͸ɺ Info.plistʹྫ֎ͷઃఆ͕ඞཁ
87. App Transport Security (ATS) ͷઃఆ <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.d <plist version="1.0"> <dict> </dict> </plist> • App Transport Security (ATS) ͷྫ֎ͷઃఆ
88. App Transport Security (ATS) ͷઃఆ <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.d <plist version="1.0"> <dict> <key>NSAppTransportSecurity</key> <dict> <key>NSExceptionDomains</key> <dict> <key>example.com</key> <dict> <key>NSIncludesSubdomains</key> <true/> <key>NSExceptionAllowsInsecureHTTPLoads</key> <true/> </dict> </dict> </dict> </dict> </plist> • App Transport Security (ATS) ͷྫ֎ͷઃఆ
89. App Transport Security (ATS) ͷઃఆ <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.d <plist version="1.0"> <dict> <key>NSAppTransportSecurity</key> <dict> <key>NSExceptionDomains</key> <dict> <key>example.com</key> <dict> <key>NSIncludesSubdomains</key> <true/> <key>NSExceptionAllowsInsecureHTTPLoads</key> <true/> </dict> </dict> </dict> </dict> </plist> • App Transport Security (ATS) ͷྫ֎ͷઃఆ
90. App Transport Security (ATS) ͷઃఆ <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.d <plist version="1.0"> <dict> <key>NSAppTransportSecurity</key> <dict> <key>NSExceptionDomains</key> <dict> <key>example.com</key> <dict> <key>NSIncludesSubdomains</key> <true/> <key>NSExceptionAllowsInsecureHTTPLoads</key> <true/> </dict> </dict> </dict> </dict> </plist> • App Transport Security (ATS) ͷྫ֎ͷઃఆ
91. <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.d <plist version="1.0"> <dict> <key>NSAppTransportSecurity</key> <dict> <key>NSExceptionDomains</key> <dict> <key>example.com</key> <dict> <key>NSIncludesSubdomains</key> <true/> <key>NSExceptionAllowsInsecureHTTPLoads</key> <true/> </dict> </dict> </dict> </dict> </plist> App Transport Security (ATS) ͷઃఆ • App Transport Security (ATS) ͷྫ֎ͷઃఆ
92. ϓϥΠόγʔอޢͱηΩϡϦςΟ • ϓϥΠόγʔͷอޢ • WebαΠτͷσʔλ؅ཧ • ϩʔΧϧετϨʔδͷ؅ཧ • ηΩϡϦςΟ • JavaScriptͷ੍ݶͱ؅ཧ • App Transport Security (ATS) ͷઃఆ
93. 1. ͸͡Ίʹ 2. WKWebViewͷجૅ஌ࣝ 3. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ 4. ϓϥΠόγʔอޢͱηΩϡϦςΟ 5. ߴ౓ͳઃఆͱΧελϚΠζ 6. σόοά 7. Ԡ༻ͱ࣮ફྫ 8. ·ͱΊ Agenda
94. ߴ౓ͳઃఆͱΧελϚΠζ
95. ߴ౓ͳઃఆͱΧελϚΠζ • WKWebViewCon f igurationͷΧελϚΠζ • ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • σʔλετΞͷΧελϚΠζ • ϓϦϑΝϨϯεͷઃఆ • UIΧελϚΠζͱφϏήʔγϣϯ؅ཧ • WKUIDelegate ͷ࣮૷ • WKNavigationDelegate ͷ࣮૷ • ΧελϜφϏήʔγϣϯόʔͷ౷߹ • ͦͷଞͷ֦ு • ΧελϜURLεΩʔϚͷରԠ • ίϯςϯπϑΟϧλϦϯά
96. ߴ౓ͳઃఆͱΧελϚΠζ • WKWebViewCon f igurationͷΧελϚΠζ • ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • σʔλετΞͷΧελϚΠζ • ϓϦϑΝϨϯεͷઃఆ • UIΧελϚΠζͱφϏήʔγϣϯ؅ཧ • WKUIDelegate ͷ࣮૷ • WKNavigationDelegate ͷ࣮૷ • ΧελϜφϏήʔγϣϯόʔͷ౷߹ • ͦͷଞͷ֦ு • ΧελϜURLεΩʔϚͷରԠ • ίϯςϯπϑΟϧλϦϯά
97. ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • ϓϩηεϓʔϧ • WKWebViewΠϯελϯεؒͰڞ༗͢ΔWebίϯςϯπͷϓϩηεΛ؅ཧ ͢ΔͨΊͷ࢓૊Έ • WebίϯςϯπΛϨϯμϦϯά͢ΔͨΊʹɺΞϓϦέʔγϣϯͷϝΠϯ ϓϩηεͱ͸ผͷϓϩηεʢαϯυϘοΫεԽ͞ΕͨWebίϯςϯπϓ ϩηεʣΛ࢖༻ • ϓϩηεϓʔϧΛڞ༗͢Δ͔෼཭͢Δ͔͸ɺηΩϡϦςΟ΍ύϑΥʔϚϯε ʹେ͖ͳӨڹΛ༩͑Δॏཁͳઃఆ
98. ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • ڞ༗ • Ωϟογϡ΍CookieͳͲͷσʔλ͕ෳ਺ͷWKWebViewؒͰڞ༗ • ϝϞϦ࢖༻ྔ͕ݮΓɺύϑΥʔϚϯε͕޲্
99. ϓϩηεϓʔϧͷڞ༗ͱ෼཭ // 1. ڞ௨Ͱར༻͢ΔϓϩηεϓʔϧΠϯελϯεΛ४උ let sharedProcessPool = WKProcessPool() • ڞ༗ • Ωϟογϡ΍CookieͳͲͷσʔλ͕ෳ਺ͷWKWebViewؒͰڞ༗ • ϝϞϦ࢖༻ྔ͕ݮΓɺύϑΥʔϚϯε͕޲্
100. ϓϩηεϓʔϧͷڞ༗ͱ෼཭ // 1. ڞ௨Ͱར༻͢ΔϓϩηεϓʔϧΠϯελϯεΛ४උ let sharedProcessPool = WKProcessPool() // 2. ڞ௨ͷϓϩηεϓʔϧΛ࢖༻ͯ͠ WKWebViewConfiguration Λઃఆ let configuration = WKWebViewConfiguration() configuration.processPool = sharedProcessPool • ڞ༗ • Ωϟογϡ΍CookieͳͲͷσʔλ͕ෳ਺ͷWKWebViewؒͰڞ༗ • ϝϞϦ࢖༻ྔ͕ݮΓɺύϑΥʔϚϯε͕޲্
101. ϓϩηεϓʔϧͷڞ༗ͱ෼཭ // 1. ڞ௨Ͱར༻͢ΔϓϩηεϓʔϧΠϯελϯεΛ४උ let sharedProcessPool = WKProcessPool() // 2. ڞ௨ͷϓϩηεϓʔϧΛ࢖༻ͯ͠ WKWebViewConfiguration Λઃఆ let configuration = WKWebViewConfiguration() configuration.processPool = sharedProcessPool // 3. ڞ௨ͷϓϩηεϓʔϧΛ࣋ͭ WKWebView ΠϯελϯεΛͦΕͧΕ࡞੒ let webView1 = WKWebView(frame: .zero, configuration: configuration) let webView2 = WKWebView(frame: .zero, configuration: configuration) • ڞ༗ • Ωϟογϡ΍CookieͳͲͷσʔλ͕ෳ਺ͷWKWebViewؒͰڞ༗ • ϝϞϦ࢖༻ྔ͕ݮΓɺύϑΥʔϚϯε͕޲্
102. ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • ෼཭ • ҟͳΔWKWebViewؒͰΩϟογϡ΍CookieͳͲͷσʔλΛִ཭Ͱ͖Δ • ηΩϡϦςΟ͕޲্
103. ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • ෼཭ • ҟͳΔWKWebViewؒͰΩϟογϡ΍CookieͳͲͷσʔλΛִ཭Ͱ͖Δ • ηΩϡϦςΟ͕޲্ // 1. ϓϩηεϓʔϧΛҟͳΔΠϯελϯεͰ࡞੒ let processPool1 = WKProcessPool() let processPool2 = WKProcessPool()
104. ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • ෼཭ • ҟͳΔWKWebViewؒͰΩϟογϡ΍CookieͳͲͷσʔλΛִ཭Ͱ͖Δ • ηΩϡϦςΟ͕޲্ // 1. ϓϩηεϓʔϧΛҟͳΔΠϯελϯεͰ࡞੒ let processPool1 = WKProcessPool() let processPool2 = WKProcessPool() // 2. ֤ϓϩηεϓʔϧΛ࢖༻ͯ͠ WKWebViewConfiguration Λઃఆ let configuration1 = WKWebViewConfiguration() configuration1.processPool = processPool1 let configuration2 = WKWebViewConfiguration() configuration2.processPool = processPool2
105. ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • ෼཭ • ҟͳΔWKWebViewؒͰΩϟογϡ΍CookieͳͲͷσʔλΛִ཭Ͱ͖Δ • ηΩϡϦςΟ͕޲্ // 1. ϓϩηεϓʔϧΛҟͳΔΠϯελϯεͰ࡞੒ let processPool1 = WKProcessPool() let processPool2 = WKProcessPool() // 2. ֤ϓϩηεϓʔϧΛ࢖༻ͯ͠ WKWebViewConfiguration Λઃఆ let configuration1 = WKWebViewConfiguration() configuration1.processPool = processPool1 let configuration2 = WKWebViewConfiguration() configuration2.processPool = processPool2 // 3. ҟͳΔϓϩηεϓʔϧΛ࣋ͭ WKWebView ΠϯελϯεΛ࡞੒ let webView1 = WKWebView(frame: .zero, configuration: configuration1) let webView2 = WKWebView(frame: .zero, configuration: configuration2)
106. ߴ౓ͳઃఆͱΧελϚΠζ • WKWebViewCon f igurationͷΧελϚΠζ • ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • σʔλετΞͷΧελϚΠζ • ϓϦϑΝϨϯεͷઃఆ • UIΧελϚΠζͱφϏήʔγϣϯ؅ཧ • WKUIDelegate ͷ࣮૷ • WKNavigationDelegate ͷ࣮૷ • ΧελϜφϏήʔγϣϯόʔͷ౷߹ • ͦͷଞͷ֦ு • ΧελϜURLεΩʔϚͷରԠ • ίϯςϯπϑΟϧλϦϯά
107. σʔλετΞͷΧελϚΠζ • WKWebViewCon f igurationͷwebsiteDataStoreϓϩύςΟΛར༻ • WKWebsiteDataStore • WebαΠτ͔ΒͷσʔλʢΫοΩʔɺΩϟογϡͳͲʣΛอଘ͠ɺ؅ཧ͢ ΔͨΊͷΫϥε • WKWebViewͷΠϯελϯεؒͰσʔλΛڞ༗ͨ͠ΓɺಛఆͷWebίϯς ϯπʹؔ࿈͢ΔσʔλͷΫϦʔϯΞοϓΛߦ͏͜ͱ͕Ͱ͖Δ
108. WKWebsiteDataStore • σϑΥϧτετϨʔδ • WKWebsiteDataStoreͷσϑΥϧτͷΠϯελϯεΛऔಘͰ͖Δ • ΞϓϦશମͰڞ௨ͷWebσʔλΛ؅ཧ // WKWebViewConfigurationΛ࡞੒͠ɺσϑΥϧτͷσʔλετϨʔδΛઃఆ͢Δ let configuration = WKWebViewConfiguration() configuration.websiteDataStore = WKWebsiteDataStore.default() // ઃఆΛద༻ͯ͠WKWebViewͷΠϯελϯεΛੜ੒͢Δ let webView = WKWebView(frame: .zero, configuration: configuration)
109. WKWebsiteDataStore • σϑΥϧτετϨʔδ • WKWebsiteDataStoreͷσϑΥϧτͷΠϯελϯεΛऔಘͰ͖Δ • ΞϓϦશମͰڞ௨ͷWebσʔλΛ؅ཧ // WKWebViewConfigurationΛ࡞੒͠ɺσϑΥϧτͷσʔλετϨʔδΛઃఆ͢Δ let configuration = WKWebViewConfiguration() configuration.websiteDataStore = WKWebsiteDataStore.default() // ઃఆΛద༻ͯ͠WKWebViewͷΠϯελϯεΛੜ੒͢Δ let webView = WKWebView(frame: .zero, configuration: configuration)
110. WKWebsiteDataStore • ඇӬଓతͳσʔλετϨʔδʢ㲈 ϓϥΠϕʔτϒϥ΢ζϞʔυʣ • Ұ࣌తͳσʔλͷอଘ͕ඞཁͳ৔߹΍ɺηογϣϯதͷΈσʔλΛอ࣋ ͠ɺΞϓϦ͕ऴྃ͢ΔͱσʔλΛ࡟আ͍ͨ͠৔߹ʹ࢖༻ // ඇӬଓతͳσʔλετϨʔδɿ let configuration = WKWebViewConfiguration() configuration.websiteDataStore = WKWebsiteDataStore.nonPersistent() // ઃఆΛద༻ͯ͠WKWebViewͷΠϯελϯεΛੜ੒͢Δ let webView = WKWebView(frame: .zero, configuration: configuration)
111. WKWebsiteDataStore • ඇӬଓతͳσʔλετϨʔδʢ㲈 ϓϥΠϕʔτϒϥ΢ζϞʔυʣ • Ұ࣌తͳσʔλͷอଘ͕ඞཁͳ৔߹΍ɺηογϣϯதͷΈσʔλΛอ࣋ ͠ɺΞϓϦ͕ऴྃ͢ΔͱσʔλΛ࡟আ͍ͨ͠৔߹ʹ࢖༻ // ඇӬଓతͳσʔλετϨʔδɿ let configuration = WKWebViewConfiguration() configuration.websiteDataStore = WKWebsiteDataStore.nonPersistent() // ઃఆΛద༻ͯ͠WKWebViewͷΠϯελϯεΛੜ੒͢Δ let webView = WKWebView(frame: .zero, configuration: configuration)
112. WKWebsiteDataStore • ΧελϜετϨʔδ • ΞϓϦέʔγϣϯ಺ͰҟͳΔWKWebViewΠϯελϯεؒͰσʔλΛڞ༗͠ ͍ͨ৔߹ʹ࢖༻ // ΧελϜετϨʔδɿ let identifier = UUID() let customDataStore = WKWebsiteDataStore(forIdentifier: identifier) configuration.websiteDataStore = customDataStore // ઃఆΛద༻ͯ͠WKWebViewͷΠϯελϯεΛੜ੒͢Δ let webView = WKWebView(frame: .zero, configuration: configuration)
113. WKWebsiteDataStore • ΧελϜετϨʔδ • ΞϓϦέʔγϣϯ಺ͰҟͳΔWKWebViewΠϯελϯεؒͰσʔλΛڞ༗͠ ͍ͨ৔߹ʹ࢖༻ // ΧελϜετϨʔδɿ let identifier = UUID() let customDataStore = WKWebsiteDataStore(forIdentifier: identifier) configuration.websiteDataStore = customDataStore // ઃఆΛద༻ͯ͠WKWebViewͷΠϯελϯεΛੜ੒͢Δ let webView = WKWebView(frame: .zero, configuration: configuration)
114. WKWebsiteDataStore • ΫοΩʔͷ؅ཧ • WKHTTPCookieStore Λར༻ • `dataStore.httpCookieStore` ͷΑ͏ʹΞΫηε
115. ΫοΩʔͷऔಘ // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default()
116. ΫοΩʔͷऔಘ // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default() // શͯͷΫοΩʔΛऔಘ let cookies = await dataStore.httpCookieStore.allCookies() for cookie in cookies { print("Fetched Cookie: \(cookie)") }
117. ΫοΩʔͷ࡟আ // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default() // શͯͷΫοΩʔΛ࡟আ let cookies = await dataStore.httpCookieStore.allCookies() for cookie in cookies { await dataStore.httpCookieStore.deleteCookie(cookie) print("Cookie deleted: \(cookie)") }
118. ৽͍͠ΫοΩʔͷઃఆ // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default() // ৽͍͠ΫοΩʔΛઃఆ let cookie = HTTPCookie(properties: [ .domain: "example.com", .path: "/", .name: "sessionCookie", .value: "12345", .secure: "TRUE", .expires: NSDate(timeIntervalSinceNow: 3600) ]) if let cookie { await dataStore.httpCookieStore.setCookie(cookie) print("Cookie set: \(cookie)") }
119. ৽͍͠ΫοΩʔͷઃఆ // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default() // ৽͍͠ΫοΩʔΛઃఆ let cookie = HTTPCookie(properties: [ .domain: "example.com", .path: "/", .name: "sessionCookie", .value: "12345", .secure: "TRUE", .expires: NSDate(timeIntervalSinceNow: 3600) ]) if let cookie { await dataStore.httpCookieStore.setCookie(cookie) print("Cookie set: \(cookie)") }
120. ΫοΩʔϙϦγʔͷઃఆ (iOS17) // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default() // ΫοΩʔϙϦγʔͷઃఆ // - .allow: // - .disallow: await dataStore.httpCookieStore.setCookiePolicy(.allow)
121. ΫοΩʔมߋͷ؂ࢹ // WKHTTPCookieStoreObserver: ΢ΣϒϖʔδͷΫοΩʔͷมߋΛ؂ࢹ͢ΔͨΊͷDelagate // WKHTTPCookieStoreObserver ϓϩτίϧΛ࣮૷͢ΔΫϥεΛ४උ class CookieObserver: NSObject, WKHTTPCookieStoreObserver { }
122. ΫοΩʔมߋͷ؂ࢹ // WKHTTPCookieStoreObserver: ΢ΣϒϖʔδͷΫοΩʔͷมߋΛ؂ࢹ͢ΔͨΊͷDelagate // WKHTTPCookieStoreObserver ϓϩτίϧΛ࣮૷͢ΔΫϥεΛ४උ class CookieObserver: NSObject, WKHTTPCookieStoreObserver { // ΫοΩʔ͕௥Ճ͞Εͨͱ͖ʹݺ͹ΕΔϝιου func cookieStore(_ cookieStore: WKHTTPCookieStore, didAddCookies cookies: [HTTPCookie]) { for cookie in cookies { print("Added cookie: \(cookie)") } } // ΫοΩʔ͕࡟আ͞Εͨͱ͖ʹݺ͹ΕΔϝιου func cookieStore(_ cookieStore: WKHTTPCookieStore, didRemoveCookies cookies: [HTTPCookie]) { for cookie in cookies { print("Removed cookie: \(cookie)") } } }
123. ΫοΩʔมߋͷ؂ࢹ // WKHTTPCookieStoreObserver: ΢ΣϒϖʔδͷΫοΩʔͷมߋΛ؂ࢹ͢ΔͨΊͷDelagate // WKHTTPCookieStoreObserver ϓϩτίϧΛ࣮૷͢ΔΫϥεΛ४උ class CookieObserver: NSObject, WKHTTPCookieStoreObserver { // ΫοΩʔ͕௥Ճ͞Εͨͱ͖ʹݺ͹ΕΔϝιου func cookieStore(_ cookieStore: WKHTTPCookieStore, didAddCookies cookies: [HTTPCookie]) { for cookie in cookies { print("Added cookie: \(cookie)") } } // ΫοΩʔ͕࡟আ͞Εͨͱ͖ʹݺ͹ΕΔϝιου func cookieStore(_ cookieStore: WKHTTPCookieStore, didRemoveCookies cookies: [HTTPCookie]) { for cookie in cookies { print("Removed cookie: \(cookie)") } } }
124. ΫοΩʔมߋͷ؂ࢹ class CookieObserver: NSObject, WKHTTPCookieStoreObserver { func cookieStore(_ cookieStore: WKHTTPCookieStore, didAddCookies cookies: [HTTPCookie]) { for cookie in cookies { print("Added cookie: \(cookie)") } } func cookieStore(_ cookieStore: WKHTTPCookieStore, didRemoveCookies cookies: [HTTPCookie]) { for cookie in cookies { print("Removed cookie: \(cookie)") } } } // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default() let cookieStore = dataStore.httpCookieStore // CookieObserver Λ WKHTTPCookieStore ʹ௥Ճ let observer = CookieObserver() cookieStore.add(observer)
125. WKWebsiteDataStore • Ωϟογϡͷ؅ཧ • WKWebsiteDataStoreΛར༻
126. Ωϟογϡͷ࡟আ // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default()
127. Ωϟογϡͷ࡟আ // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default() // ࡟আର৅ͷσʔλλΠϓΛࢦఆ(Ұྫ) let dataTypes: Set<String> = [ WKWebsiteDataTypeMemoryCache, // ϝϞϦΩϟογϡ WKWebsiteDataTypeDiskCache, // σΟεΫΩϟογϡ WKWebsiteDataTypeOfflineWebApplicationCache // ΦϑϥΠϯWebΞϓϦέʔγϣϯΩϟογϡ ]
128. Ωϟογϡͷ࡟আ // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default() // ࡟আର৅ͷσʔλλΠϓΛࢦఆ(Ұྫ) let dataTypes: Set<String> = [ WKWebsiteDataTypeMemoryCache, // ϝϞϦΩϟογϡ WKWebsiteDataTypeDiskCache, // σΟεΫΩϟογϡ WKWebsiteDataTypeOfflineWebApplicationCache // ΦϑϥΠϯWebΞϓϦέʔγϣϯΩϟογϡ ]) // σʔλϨίʔυΛऔಘ let records = await dataStore.dataRecords(ofTypes: dataTypes)
129. Ωϟογϡͷ࡟আ // WKWebsiteDataStore ͷΠϯελϯεΛऔಘ let dataStore = WKWebsiteDataStore.default() // ࡟আର৅ͷσʔλλΠϓΛࢦఆ(Ұྫ) let dataTypes: Set<String> = [ WKWebsiteDataTypeMemoryCache, // ϝϞϦΩϟογϡ WKWebsiteDataTypeDiskCache, // σΟεΫΩϟογϡ WKWebsiteDataTypeOfflineWebApplicationCache // ΦϑϥΠϯWebΞϓϦέʔγϣϯΩϟογϡ ]) // σʔλϨίʔυΛऔಘ let records = await dataStore.dataRecords(ofTypes: dataTypes) // ֤σʔλϨίʔυΛ࡟আ for record in records { await dataStore.removeData(ofTypes: dataTypes, for: [record]) print("Ωϟογϡ͕࡟আ͞Ε·ͨ͠ɻ") }
130. WKWebsiteDataRecordҰཡ • Cookie Types • WKWebsiteDataTypeCookies: ΫοΩʔ • Cache Types • WKWebsiteDataTypeMemoryCache: ϝϞϦ಺Ωϟογϡ • WKWebsiteDataTypeDiskCache: σΟεΫ্ͷΩϟογϡ • WKWebsiteDataTypeO ff lineWebApplicationCache: HTMLΦϑϥΠϯWebΞϓϦέʔγϣϯΩϟογϡ • Storage Types • WKWebsiteDataTypeLocalStorage: HTML ϩʔΧϧετϨʔδ • WKWebsiteDataTypeSessionStorage: HTML ηογϣϯετϨʔδ • Database Types • WKWebsiteDataTypeWebSQLDatabases: WebSQL σʔλϕʔε • WKWebsiteDataTypeIndexedDBDatabases: IndexedDB σʔλϕʔε
131. HTTPϦΫΤετ͝ͱʹΩϟογϡϙϦγʔΛઃఆ • WKWebView ͷσϑΥϧτͷΩϟογϡϙϦγʔ͸มߋͰ͖ͳ͍ • ҰํͰɺϦΫΤετ͝ͱʹΩϟογϡϙϦγʔ͸ઃఆͰ͖Δ
132. HTTPϦΫΤετ͝ͱʹΩϟογϡϙϦγʔΛઃఆ let webView = WKWebView(frame: .zero) let urlRequest = URLRequest( url: URL(string: “https://www.apple.com")! ) webView.load(urlRequest)
133. HTTPϦΫΤετ͝ͱʹΩϟογϡϙϦγʔΛઃఆ let webView = WKWebView(frame: .zero) let urlRequest = URLRequest( url: URL(string: “https://www.apple.com")!, cachePolicy: .reloadIgnoringLocalCacheData, // ϦΫΤετ͝ͱͷΩϟογϡϙϦγʔͷઃఆ ) webView.load(urlRequest)
134. ΩϟογϡϙϦγʔҰཡ • useProtocolCachePolicy: ॳظ஋ / αʔόʔ͕ఏڙ͢ΔΩϟογϡ੍ޚϔομʔʹج͍ͮͯద༻ • reloadIgnoringLocalCacheData: ϩʔΧϧΩϟογϡΛແࢹ • reloadIgnoringLocalAndRemoteCacheData: ϩʔΧϧ͓ΑͼϦϞʔτΩϟογϡΛແࢹ • returnCacheDataElseLoad: Ωϟογϡ͕͋Ε͹ͦΕΛ࢖༻͠ɺͳ͚Ε͹ωοτϫʔΫ͔Βऔಘ • returnCacheDataDontLoad: Ωϟογϡ͕͋Ε͹ͦΕΛ࢖༻͠ɺͳ͚Ε͹ϦΫΤετ͠ͳ͍ • reloadRevalidatingCacheData: ΩϟογϡΛ࠶ݕূ͠ɺඞཁʹԠͯ͡ωοτϫʔΫ͔Βऔಘ
135. ΫοΩʔͱΩϟογϡͷؔ܎ • ΫοΩʔ • ΢ΣϒαΠτͷઃఆ΍ηογϣϯ৘ใΛอଘ͢ΔͨΊͷ΋ͷ • WKHTTPCookieStore Ͱ؅ཧ • Ωϟογϡ • ΢ΣϒαΠτͷσʔλΛอଘͯ͠ύϑΥʔϚϯεΛ޲্ͤ͞Δ΋ͷ WKWebsiteDataStore Ͱ؅ཧ • ΫοΩʔΛ࡟আͯ͠΋Ωϟογϡ΍ϩʔΧϧετϨʔδ͸ӨڹΛड͚ͳ͍ • ΩϟογϡΛ࡟আͯ͠΋ΫοΩʔ΍ϩʔΧϧετϨʔδ͸ӨڹΛड͚ͳ͍
136. ߴ౓ͳઃఆͱΧελϚΠζ • WKWebViewCon f igurationͷΧελϚΠζ • ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • σʔλετΞͷΧελϚΠζ • ϓϦϑΝϨϯεͷઃఆ • UIΧελϚΠζͱφϏήʔγϣϯ؅ཧ • WKUIDelegate ͷ࣮૷ • WKNavigationDelegate ͷ࣮૷ • ΧελϜφϏήʔγϣϯόʔͷ౷߹ • ͦͷଞͷ֦ு • ΧελϜURLεΩʔϚͷରԠ • ίϯςϯπϑΟϧλϦϯά
137. ϓϦϑΝϨϯεͷઃఆ • WKWebpagePreferences • WKWebView ͷઃఆΦϓγϣϯΛ؅ཧ͢ΔͨΊͷΫϥε
138. WKWebpagePreferences Ұཡᶃ let preferences = WKPreferences() // ΢ΣϒίϯςϯπͰ࢖༻͞ΕΔ࠷খϑΥϯταΠζΛϙΠϯτ୯ҐͰࢦఆɻσϑΥϧτ஋͸ 0 preferences.minimumFontSize = 16.0 // JavaScript ͕Ϣʔβʔͷૢ࡞ͳ͠ʹ৽͍͠΢Οϯυ΢Λ։͚Δ͔Ͳ͏͔ΛࢦఆɻσϑΥϧτ஋͸ iOS Ͱ͸ false preferences.javaScriptCanOpenWindowsAutomatically = true // ࠮ٗతͳ΢ΣϒαΠτʹରͯ͠ܯࠂΛදࣔ͢Δ͔Ͳ͏͔Λࢦఆ preferences.isFraudulentWebsiteWarningEnabled = true // ΢ΣϒϖʔδΛҹ࡮͢ΔࡍʹഎܠΛؚΊΔ͔Ͳ͏͔Λࢦఆ preferences.shouldPrintBackgrounds = true
139. WKWebpagePreferences Ұཡᶃ let preferences = WKPreferences() // ΢ΣϒίϯςϯπͰ࢖༻͞ΕΔ࠷খϑΥϯταΠζΛϙΠϯτ୯ҐͰࢦఆɻσϑΥϧτ஋͸ 0 preferences.minimumFontSize = 16.0 // JavaScript ͕Ϣʔβʔͷૢ࡞ͳ͠ʹ৽͍͠΢Οϯυ΢Λ։͚Δ͔Ͳ͏͔ΛࢦఆɻσϑΥϧτ஋͸ iOS Ͱ͸ false preferences.javaScriptCanOpenWindowsAutomatically = true // ࠮ٗతͳ΢ΣϒαΠτʹରͯ͠ܯࠂΛදࣔ͢Δ͔Ͳ͏͔Λࢦఆ preferences.isFraudulentWebsiteWarningEnabled = true // ΢ΣϒϖʔδΛҹ࡮͢ΔࡍʹഎܠΛؚΊΔ͔Ͳ͏͔Λࢦఆ preferences.shouldPrintBackgrounds = true
140. WKWebpagePreferences Ұཡᶄ let preferences = WKPreferences() // ΢Σϒίϯςϯπ಺ͰͷςΩετΠϯλϥΫγϣϯʢબ୒΍ίϐʔͳͲʣ͕༗ޮ͔Ͳ͏͔Λࢦఆ preferences.isTextInteractionEnabled = false // ಛఆͷ΢ΣϒαΠτʹର͢Δޓ׵ੑ޲্ͷͨΊͷΫΠʔΫΛద༻͢Δ͔Ͳ͏͔Λࢦఆ // ΫΠʔΫʢQuirksʣɿ // ಛఆͷ΢ΣϒαΠτ΍΢ΣϒΞϓϦέʔγϣϯ͕ਖ਼ৗʹಈ࡞͢ΔΑ͏ʹɺϒϥ΢β͕ಠࣗʹద༻͢Δಈ࡞ͷௐ੔΍ಛྫͷ͜ͱ preferences.isSiteSpecificQuirksModeEnabled = true // ΢Σϒϖʔδ಺ͷཁૉΛશը໘දࣔ͢Δ͔Ͳ͏͔Λࢦఆ preferences.isElementFullscreenEnabled = true // WKWebView ͕ඇΞΫςΟϒͰϏϡʔ֊૚͔Β֎Εͨͱ͖ͷεέδϡʔϦϯάϙϦγʔΛࢦఆ // - suspend: JavaScript ͷ࣮ߦ΍ϖʔδͷϨΠΞ΢τ͕ఀࢭ // - throttle: CPU ͷ࢖༻Λ੍ݶ͠·͕͢ɺ׬શʹ͸ఀࢭ͠ͳ͍ // - none: ಛผͳεέδϡʔϦϯάಈ࡞Λద༻ͤͣɺ௨ৗ௨Γಈ࡞ preferences.inactiveSchedulingPolicy = .none
141. WKWebpagePreferences Ұཡᶄ let preferences = WKPreferences() // ΢Σϒίϯςϯπ಺ͰͷςΩετΠϯλϥΫγϣϯʢબ୒΍ίϐʔͳͲʣ͕༗ޮ͔Ͳ͏͔Λࢦఆ preferences.isTextInteractionEnabled = false // ಛఆͷ΢ΣϒαΠτʹର͢Δޓ׵ੑ޲্ͷͨΊͷΫΠʔΫΛద༻͢Δ͔Ͳ͏͔Λࢦఆ // ΫΠʔΫʢQuirksʣɿ // ಛఆͷ΢ΣϒαΠτ΍΢ΣϒΞϓϦέʔγϣϯ͕ਖ਼ৗʹಈ࡞͢ΔΑ͏ʹɺϒϥ΢β͕ಠࣗʹద༻͢Δಈ࡞ͷௐ੔΍ಛྫͷ͜ͱ preferences.isSiteSpecificQuirksModeEnabled = true // ΢Σϒϖʔδ಺ͷཁૉΛશը໘දࣔ͢Δ͔Ͳ͏͔Λࢦఆ preferences.isElementFullscreenEnabled = true // WKWebView ͕ඇΞΫςΟϒͰϏϡʔ֊૚͔Β֎Εͨͱ͖ͷεέδϡʔϦϯάϙϦγʔΛࢦఆ // - suspend: JavaScript ͷ࣮ߦ΍ϖʔδͷϨΠΞ΢τ͕ఀࢭ // - throttle: CPU ͷ࢖༻Λ੍ݶ͠·͕͢ɺ׬શʹ͸ఀࢭ͠ͳ͍ // - none: ಛผͳεέδϡʔϦϯάಈ࡞Λద༻ͤͣɺ௨ৗ௨Γಈ࡞ preferences.inactiveSchedulingPolicy = .none
142. ߴ౓ͳઃఆͱΧελϚΠζ • WKWebViewCon f igurationͷΧελϚΠζ • ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • σʔλετΞͷΧελϚΠζ • ϓϦϑΝϨϯεͷઃఆ • UIΧελϚΠζͱφϏήʔγϣϯ؅ཧ • WKUIDelegate ͷ࣮૷ • WKNavigationDelegate ͷ࣮૷ • ΧελϜφϏήʔγϣϯόʔͷ౷߹ • ͦͷଞͷ֦ு • ΧελϜURLεΩʔϚͷରԠ • ίϯςϯπϑΟϧλϦϯά
143. WKUIDelegate ͷ࣮૷ • WKUIDelegate • WKWebView ͷ UIૢ࡞ʹؔ͢ΔσϦήʔτϝιουΛఏڙ͢Δϓϩτίϧ • ΞϥʔτͳͲͷϢʔβʔΠϯλϥΫγϣϯʹؔ͢Δಛఆͷಈ࡞ΛΧελϚ ΠζͰ͖Δ • Ξϥʔτ͸WKUIDelegateͰϋϯυϦϯά͠ͳ͍ͱɺWKWebView্Ͱ͸ ͳʹ΋ಈ࡞͠ͳ͍
144. WKUIDelegate ͷ࣮૷ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } }
145. WKUIDelegate ͷ࣮૷ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) webView.uiDelegate = self view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } } // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { }
146. ओͳ WKUIDelegate ϝιου • ΞϥʔτμΠΞϩά • webView(_:runJavaScriptAlertPanelWithMessage:initiatedByFrame:completionHandler:) • ֬ೝμΠΞϩά • webView(_:runJavaScriptCon f irmPanelWithMessage:initiatedByFrame:completionHandler:) • ೖྗμΠΞϩά • webView(_:runJavaScriptTextInputPanelWithPrompt:defaultText:initiatedByFrame:completionHandler:) • ৽͍͠΢Οϯυ΢/λϒ • webView(_:createWebViewWith:for:windowFeatures:) • ΢Οϯυ΢Ϋϩʔζ • webViewDidClose(_:)
147. ओͳ WKUIDelegate ϝιου • ΞϥʔτμΠΞϩά • webView(_:runJavaScriptAlertPanelWithMessage:initiatedByFrame:completionHandler:) • ֬ೝμΠΞϩά • webView(_:runJavaScriptCon f irmPanelWithMessage:initiatedByFrame:completionHandler:) • ೖྗμΠΞϩά • webView(_:runJavaScriptTextInputPanelWithPrompt:defaultText:initiatedByFrame:completionHandler:) • ৽͍͠΢Οϯυ΢/λϒ • webView(_:createWebViewWith:for:windowFeatures:) • ΢Οϯυ΢Ϋϩʔζ • webViewDidClose(_:)
148. ΞϥʔτμΠΞϩά - runJavaScriptAlertPanelWithMessage - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: JavaScript͔Βalert()͕ݺ͹Εͨͱ͖ func webView( _ webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping () -> Void ) { let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert) alert.addAction(UIAlertAction(title: "OK", style: .default) { _ in completionHandler() }) webView.window?.rootViewController?.present(alert, animated: true, completion: nil) } }
149. ΞϥʔτμΠΞϩά - runJavaScriptAlertPanelWithMessage - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: JavaScript͔Βalert()͕ݺ͹Εͨͱ͖ func webView( _ webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping () -> Void ) { let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert) alert.addAction(UIAlertAction(title: "OK", style: .default) { _ in completionHandler() }) webView.window?.rootViewController?.present(alert, animated: true, completion: nil) } }
150. ΞϥʔτμΠΞϩά - runJavaScriptAlertPanelWithMessage - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: JavaScript͔Βalert()͕ݺ͹Εͨͱ͖ func webView( _ webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping () -> Void ) { let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert) alert.addAction(UIAlertAction(title: "OK", style: .default) { _ in completionHandler() }) webView.window?.rootViewController?.present(alert, animated: true, completion: nil) } }
151. ओͳ WKUIDelegate ϝιου • ΞϥʔτμΠΞϩά • webView(_:runJavaScriptAlertPanelWithMessage:initiatedByFrame:completionHandler:) • ֬ೝμΠΞϩά • webView(_:runJavaScriptCon f irmPanelWithMessage:initiatedByFrame:completionHandler:) • ೖྗμΠΞϩά • webView(_:runJavaScriptTextInputPanelWithPrompt:defaultText:initiatedByFrame:completionHandler:) • ৽͍͠΢Οϯυ΢/λϒ • webView(_:createWebViewWith:for:windowFeatures:) • ΢Οϯυ΢Ϋϩʔζ • webViewDidClose(_:)
152. ֬ೝμΠΞϩά - runJavaScriptCon f irmPanelWithMessage - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: JavaScript͔Βconfirm()͕ݺ͹Εͨͱ͖ func webView( _ webView: WKWebView, runJavaScriptConfirmPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (Bool) -> Void ) { let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert) alert.addAction(UIAlertAction(title: "Cancel", style: .cancel) { _ in completionHandler(false) }) alert.addAction(UIAlertAction(title: "OK", style: .default) { _ in completionHandler(true) }) webView.window?.rootViewController?.present(alert, animated: true, completion: nil) } }
153. ֬ೝμΠΞϩά - runJavaScriptCon f irmPanelWithMessage - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: JavaScript͔Βconfirm()͕ݺ͹Εͨͱ͖ func webView( _ webView: WKWebView, runJavaScriptConfirmPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (Bool) -> Void ) { let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert) alert.addAction(UIAlertAction(title: "Cancel", style: .cancel) { _ in completionHandler(false) }) alert.addAction(UIAlertAction(title: "OK", style: .default) { _ in completionHandler(true) }) webView.window?.rootViewController?.present(alert, animated: true, completion: nil) } }
154. ֬ೝμΠΞϩά - runJavaScriptCon f irmPanelWithMessage - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: JavaScript͔Βconfirm()͕ݺ͹Εͨͱ͖ func webView( _ webView: WKWebView, runJavaScriptConfirmPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (Bool) -> Void ) { let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert) alert.addAction(UIAlertAction(title: "Cancel", style: .cancel) { _ in completionHandler(false) }) alert.addAction(UIAlertAction(title: "OK", style: .default) { _ in completionHandler(true) }) webView.window?.rootViewController?.present(alert, animated: true, completion: nil) } }
155. ओͳ WKUIDelegate ϝιου • ΞϥʔτμΠΞϩά • webView(_:runJavaScriptAlertPanelWithMessage:initiatedByFrame:completionHandler:) • ֬ೝμΠΞϩά • webView(_:runJavaScriptCon f irmPanelWithMessage:initiatedByFrame:completionHandler:) • ೖྗμΠΞϩά • webView(_:runJavaScriptTextInputPanelWithPrompt:defaultText:initiatedByFrame:completionHandler:) • ৽͍͠΢Οϯυ΢/λϒ • webView(_:createWebViewWith:for:windowFeatures:) • ΢Οϯυ΢Ϋϩʔζ • webViewDidClose(_:)
156. ೖྗμΠΞϩά - runJavaScriptTextInputPanelWithPrompt - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: JavaScript͔Βprompt()͕ݺ͹Εͨͱ͖ func webView( _ webView: WKWebView, runJavaScriptTextInputPanelWithPrompt prompt: String, defaultText: String?, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (String?) -> Void ) { let alert = UIAlertController(title: prompt, message: nil, preferredStyle: .alert) alert.addTextField { textField in textField.text = defaultText } alert.addAction(UIAlertAction(title: "Cancel", style: .cancel) { _ in completionHandler(nil) }) alert.addAction(UIAlertAction(title: "OK", style: .default) { _ in completionHandler(alert.textFields?.first?.text) }) webView.window?.rootViewController?.present(alert, animated: true, completion: nil) }
157. ೖྗμΠΞϩά - runJavaScriptTextInputPanelWithPrompt - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: JavaScript͔Βprompt()͕ݺ͹Εͨͱ͖ func webView( _ webView: WKWebView, runJavaScriptTextInputPanelWithPrompt prompt: String, defaultText: String?, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (String?) -> Void ) { let alert = UIAlertController(title: prompt, message: nil, preferredStyle: .alert) alert.addTextField { textField in textField.text = defaultText } alert.addAction(UIAlertAction(title: "Cancel", style: .cancel) { _ in completionHandler(nil) }) alert.addAction(UIAlertAction(title: "OK", style: .default) { _ in completionHandler(alert.textFields?.first?.text) }) webView.window?.rootViewController?.present(alert, animated: true, completion: nil) }
158. ೖྗμΠΞϩά - runJavaScriptTextInputPanelWithPrompt - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: JavaScript͔Βprompt()͕ݺ͹Εͨͱ͖ func webView( _ webView: WKWebView, runJavaScriptTextInputPanelWithPrompt prompt: String, defaultText: String?, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (String?) -> Void ) { let alert = UIAlertController(title: prompt, message: nil, preferredStyle: .alert) alert.addTextField { textField in textField.text = defaultText } alert.addAction(UIAlertAction(title: "Cancel", style: .cancel) { _ in completionHandler(nil) }) alert.addAction(UIAlertAction(title: "OK", style: .default) { _ in completionHandler(alert.textFields?.first?.text) }) webView.window?.rootViewController?.present(alert, animated: true, completion: nil) }
159. ೖྗμΠΞϩά - runJavaScriptTextInputPanelWithPrompt - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: JavaScript͔Βprompt()͕ݺ͹Εͨͱ͖ func webView( _ webView: WKWebView, runJavaScriptTextInputPanelWithPrompt prompt: String, defaultText: String?, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (String?) -> Void ) { let alert = UIAlertController(title: prompt, message: nil, preferredStyle: .alert) alert.addTextField { textField in textField.text = defaultText } alert.addAction(UIAlertAction(title: "Cancel", style: .cancel) { _ in completionHandler(nil) }) alert.addAction(UIAlertAction(title: "OK", style: .default) { _ in completionHandler(alert.textFields?.first?.text) }) webView.window?.rootViewController?.present(alert, animated: true, completion: nil) }
160. ओͳ WKUIDelegate ϝιου • ΞϥʔτμΠΞϩά • webView(_:runJavaScriptAlertPanelWithMessage:initiatedByFrame:completionHandler:) • ֬ೝμΠΞϩά • webView(_:runJavaScriptCon f irmPanelWithMessage:initiatedByFrame:completionHandler:) • ೖྗμΠΞϩά • webView(_:runJavaScriptTextInputPanelWithPrompt:defaultText:initiatedByFrame:completionHandler:) • ৽͍͠΢Οϯυ΢/λϒ • webView(_:createWebViewWith:for:windowFeatures:) • ΢Οϯυ΢Ϋϩʔζ • webViewDidClose(_:)
161. ৽͍͠΢Οϯυ΢/λϒ - createWebViewWith - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: ΢Σϒϖʔδ͔Β৽͍͠΢Οϯυ΢΍λϒΛ։ͨ͘Ίͷཁٻ͕͋ͬͨͱ͖ func webView( _ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures ) -> WKWebView? { return nil } }
162. ৽͍͠΢Οϯυ΢/λϒ - createWebViewWith - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: ΢Σϒϖʔδ͔Β৽͍͠΢Οϯυ΢΍λϒΛ։ͨ͘Ίͷཁٻ͕͋ͬͨͱ͖ func webView( _ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures ) -> WKWebView? { // WKWebViewͰ͸target="_blank"͕ઃఆ͞Ε͍ͯΔϦϯΫλοϓ࣌ɺͦͷ··Ͱ͸ભҠ͠ͳ͍ return nil } }
163. ৽͍͠΢Οϯυ΢/λϒ - createWebViewWith - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: ΢Σϒϖʔδ͔Β৽͍͠΢Οϯυ΢΍λϒΛ։ͨ͘Ίͷཁٻ͕͋ͬͨͱ͖ func webView( _ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures ) -> WKWebView? { // WKWebViewͰ͸target=“_blank"͕ઃఆ͞Ε͍ͯΔϦϯΫλοϓ࣌ɺͦͷ··Ͱ͸ભҠ͠ͳ͍ // target=“_blank” ͷͱ͖ͷॲཧΛ໌ࣔతʹهड़͢Δඞཁ͕͋Δ if navigationAction.targetFrame == nil { webView.load(navigationAction.request) } return nil } }
164. ओͳ WKUIDelegate ϝιου • ΞϥʔτμΠΞϩά • webView(_:runJavaScriptAlertPanelWithMessage:initiatedByFrame:completionHandler:) • ֬ೝμΠΞϩά • webView(_:runJavaScriptCon f irmPanelWithMessage:initiatedByFrame:completionHandler:) • ೖྗμΠΞϩά • webView(_:runJavaScriptTextInputPanelWithPrompt:defaultText:initiatedByFrame:completionHandler:) • ৽͍͠΢Οϯυ΢/λϒ • webView(_:createWebViewWith:for:windowFeatures:) • ΢Οϯυ΢Ϋϩʔζ • webViewDidClose(_:)
165. ΢Οϯυ΢Ϋϩʔζ - webViewDidClose - // MARK: - WKUIDelegate extension ViewController: WKUIDelegate { // λΠϛϯά: window.close()͕ݺ͹Εͨͱ͖ʹWebView͕ด͡ΒΕͨͱ͖ func webViewDidClose(_ webView: WKWebView) { // Handle the WebView closure, e.g., remove it from the UI } }
166. ߴ౓ͳઃఆͱΧελϚΠζ • WKWebViewCon f igurationͷΧελϚΠζ • ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • σʔλετΞͷΧελϚΠζ • ϓϦϑΝϨϯεͷઃఆ • UIΧελϚΠζͱφϏήʔγϣϯ؅ཧ • WKUIDelegate ͷ࣮૷ • WKNavigationDelegate ͷ࣮૷ • ΧελϜφϏήʔγϣϯόʔͷ౷߹ • ͦͷଞͷ֦ு • ΧελϜURLεΩʔϚͷରԠ • ίϯςϯπϑΟϧλϦϯά
167. WKNavigationDelegate ͷ࣮૷ • WKNavigationDelegate • φϏήʔγϣϯͷঢ়ଶΛ؂ࢹ͠ɺϦιʔεͷಡΈࠐΈΛ੍ޚ
168. WKNavigationDelegate ͷ࣮૷ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } }
169. WKNavigationDelegate ͷ࣮૷ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) webView.navigationDelegate = self view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { webView.load(URLRequest(url: url)) } } } // MARK: - WKNavigationDelegate extension ViewController: WKNavigationDelegate { }
170. WKNavigationDelegate ϝιουҰཡ • φϏήʔγϣϯϦΫΤετͷڐՄ͓Αͼڋ൱ • webView(_:decidePolicyFor navigationAction:preferences:decisionHandler:) • webView(_:decidePolicyFor navigationResponse:decisionHandler:) // MARK: - WKNavigationDelegate extension ViewController: WKNavigationDelegate { }
171. WKNavigationDelegate ϝιουҰཡ • φϏήʔγϣϯϦΫΤετͷڐՄ͓Αͼڋ൱ • webView(_:decidePolicyFor navigationAction:preferences:decisionHandler:) • webView(_:decidePolicyFor navigationResponse:decisionHandler:) // MARK: - WKNavigationDelegate extension ViewController: WKNavigationDelegate { // φϏήʔγϣϯϦΫΤετ͕preferencesʹج͍ͮͯڐՄ·ͨ͸Ωϟϯηϧ͞ΕΔ΂͖͔Λܾఆ func webView( _ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, preferences: WKWebpagePreferences, decisionHandler: @escaping (WKNavigationActionPolicy, WKWebpagePreferences) -> Void ) { decisionHandler(.allow, preferences) }
172. WKNavigationDelegate ϝιουҰཡ • φϏήʔγϣϯϦΫΤετͷڐՄ͓Αͼڋ൱ • webView(_:decidePolicyFor navigationAction:preferences:decisionHandler:) • webView(_:decidePolicyFor navigationResponse:decisionHandler:) // MARK: - WKNavigationDelegate extension ViewController: WKNavigationDelegate { // αʔόʔ͔ΒͷϨεϙϯεΛड͚औͬͨޙɺͦͷϨεϙϯε͕΢ΣϒϏϡʔͰͷදࣔʹద͍ͯ͠Δ͔Ͳ͏͔Λܾఆ͢Δ func webView( _ webView: WKWebView, decidePolicyFor navigationResponse: WKNavigationResponse, decisionHandler: @escaping (WKNavigationResponsePolicy) -> Void ) { decisionHandler(.allow) } }
173. WKNavigationDelegate ϝιουҰཡ • ίϯςϯπͷಡΈࠐΈঢ়گͷ௥੻ • webView(_:didStartProvisionalNavigation:) • webView(_:didReceiveServerRedirectForProvisionalNavigation:) • webView(_:didCommit:) • webView(_:didFinish:)
174. WKNavigationDelegate ϝιουҰཡ • φϏήʔγϣϯɾΤϥʔ΁ͷରԠ • webView(_:didFail:withError:) • webView(_:didFailProvisionalNavigation:withError:) • webViewWebContentProcessDidTerminate(_:)
175. WKNavigationDelegate ϝιουҰཡ • ೝূνϟϨϯδ΁ͷରԠ • webView(_:didReceive:completionHandler:) • webView(_:authenticationChallenge:shouldAllowDeprecatedTLS:)
176. WKNavigationDelegate ϝιουҰཡ • μ΢ϯϩʔυͷਐߦঢ়گ • webView(_:navigationAction:didBecome:) • webView(_:navigationAction:didBecome:)
177. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ௨ৗ࣌ʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. decidePolicyFor navigationResponse: αʔόʔ͔ΒͷϨεϙϯεΛड৴ɻίϯςϯπͷಡΈࠐΈΛڐՄ 6. didReceiveServerRedirectForProvisionalNavigation:ʢϦμΠϨΫτ͕͋Ε͹ʣ 7. didCommit: ίϯςϯπͷಡΈࠐΈ։࢝ 8. didFinish: φϏήʔγϣϯ͕׬ྃ͠ɺϖʔδͷಡΈࠐΈ͕ऴྃ
178. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ௨ৗ࣌ʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. decidePolicyFor navigationResponse: αʔόʔ͔ΒͷϨεϙϯεΛड৴ɻίϯςϯπͷಡΈࠐΈΛڐՄ 6. didReceiveServerRedirectForProvisionalNavigation:ʢϦμΠϨΫτ͕͋Ε͹ʣ 7. didCommit: ίϯςϯπͷಡΈࠐΈ։࢝ 8. didFinish: φϏήʔγϣϯ͕׬ྃ͠ɺϖʔδͷಡΈࠐΈ͕ऴྃ
179. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ௨ৗ࣌ʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. decidePolicyFor navigationResponse: αʔόʔ͔ΒͷϨεϙϯεΛड৴ɻίϯςϯπͷಡΈࠐΈΛڐՄ 6. didReceiveServerRedirectForProvisionalNavigation:ʢϦμΠϨΫτ͕͋Ε͹ʣ 7. didCommit: ίϯςϯπͷಡΈࠐΈ։࢝ 8. didFinish: φϏήʔγϣϯ͕׬ྃ͠ɺϖʔδͷಡΈࠐΈ͕ऴྃ
180. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ௨ৗ࣌ʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. decidePolicyFor navigationResponse: αʔόʔ͔ΒͷϨεϙϯεΛड৴ɻίϯςϯπͷಡΈࠐΈΛڐՄ 6. didReceiveServerRedirectForProvisionalNavigation:ʢϦμΠϨΫτ͕͋Ε͹ʣ 7. didCommit: ίϯςϯπͷಡΈࠐΈ։࢝ 8. didFinish: φϏήʔγϣϯ͕׬ྃ͠ɺϖʔδͷಡΈࠐΈ͕ऴྃ
181. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ௨ৗ࣌ʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. decidePolicyFor navigationResponse: αʔόʔ͔ΒͷϨεϙϯεΛड৴ɻίϯςϯπͷಡΈࠐΈΛڐՄ 6. didReceiveServerRedirectForProvisionalNavigation:ʢϦμΠϨΫτ͕͋Ε͹ʣ 7. didCommit: ίϯςϯπͷಡΈࠐΈ։࢝ 8. didFinish: φϏήʔγϣϯ͕׬ྃ͠ɺϖʔδͷಡΈࠐΈ͕ऴྃ
182. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ௨ৗ࣌ʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. decidePolicyFor navigationResponse: αʔόʔ͔ΒͷϨεϙϯεΛड৴ɻίϯςϯπͷಡΈࠐΈΛڐՄ 6. didReceiveServerRedirectForProvisionalNavigation:ʢϦμΠϨΫτ͕͋Ε͹ʣ 7. didCommit: ίϯςϯπͷಡΈࠐΈ։࢝ 8. didFinish: φϏήʔγϣϯ͕׬ྃ͠ɺϖʔδͷಡΈࠐΈ͕ऴྃ
183. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ௨ৗ࣌ʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. decidePolicyFor navigationResponse: αʔόʔ͔ΒͷϨεϙϯεΛड৴ɻίϯςϯπͷಡΈࠐΈΛڐՄ 6. didReceiveServerRedirectForProvisionalNavigation:ʢϦμΠϨΫτ͕͋Ε͹ʣ 7. didCommit: ίϯςϯπͷಡΈࠐΈ։࢝ 8. didFinish: φϏήʔγϣϯ͕׬ྃ͠ɺϖʔδͷಡΈࠐΈ͕ऴྃ
184. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ௨ৗ࣌ʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. decidePolicyFor navigationResponse: αʔόʔ͔ΒͷϨεϙϯεΛड৴ɻίϯςϯπͷಡΈࠐΈΛڐՄ 6. didReceiveServerRedirectForProvisionalNavigation:ʢϦμΠϨΫτ͕͋Ε͹ʣ 7. didCommit: ίϯςϯπͷಡΈࠐΈ։࢝ 8. didFinish: φϏήʔγϣϯ͕׬ྃ͠ɺϖʔδͷಡΈࠐΈ͕ऴྃ
185. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ Τϥʔ࣌ᶃʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. didFailProvisionalNavigation:withError: ProvisionalNavigationதͷΤϥʔ 6. didCommit: ίϯςϯπ͸ಡΈࠐ·Εͳ͍
186. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ Τϥʔ࣌ᶃʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. didFailProvisionalNavigation:withError: ProvisionalNavigationதͷΤϥʔ 6. didCommit: ίϯςϯπ͸ಡΈࠐ·Εͳ͍
187. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ Τϥʔ࣌ᶄʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. didCommit: ίϯςϯπͷಡΈࠐΈ։࢝ 6. didFail:withError: ίϯςϯπͷಡΈࠐΈதͷΤϥʔɻλΠϛϯάʹΑͬͯ͸ didCommit ͕ݺ͹Εͳ͍ɻ
188. URLRequestΛloadͨ͠ޙͷϝιουݺͼग़͠ͷॱংʢ Τϥʔ࣌ᶄʣ 1. load(_:) 2. decidePolicyFor navigationAction: φϏήʔγϣϯϑϩʔͷ։࢝ɻφϏήʔτΛڐՄ 3. didStartProvisionalNavigation: φϏήʔγϣϯ։࢝Λݕ஌ 4. αʔόʔ͔ΒͷϨεϙϯε଴ػ 5. didCommit: ίϯςϯπͷಡΈࠐΈ։࢝ 6. didFail:withError: ίϯςϯπͷಡΈࠐΈதͷΤϥʔɻλΠϛϯάʹΑͬͯ͸ didCommit ͕ݺ͹Εͳ͍ɻ
189. ߴ౓ͳઃఆͱΧελϚΠζ • WKWebViewCon f igurationͷΧελϚΠζ • ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • σʔλετΞͷΧελϚΠζ • ϓϦϑΝϨϯεͷઃఆ • UIΧελϚΠζͱφϏήʔγϣϯ؅ཧ • WKUIDelegate ͷ࣮૷ • WKNavigationDelegate ͷ࣮૷ • ΧελϜφϏήʔγϣϯόʔͷ౷߹ • ͦͷଞͷ֦ு • ΧελϜURLεΩʔϚͷରԠ • ίϯςϯπϑΟϧλϦϯά
190. ΧελϜφϏήʔγϣϯόʔͷ౷߹ • WKWebView Λ࢖༻͢Δ৔߹ɺඪ४ͷφϏήʔγϣϯػ ೳʢʮਐΉʯʮ໭ΔʯʮϦϩʔυʯͳͲʣ͸ࣗಈతʹ͸ ఏڙ͞Εͳ͍ • ͜ΕΒͷػೳΛ࣮૷͢ΔͨΊʹ͸ɺWKWebView ͷΠϯ ελϯεΛૢ࡞͢ΔͨΊͷΧελϜφϏήʔγϣϯϘλ ϯΛ࡞੒͢Δඞཁ͕͋Δ
191. ΧελϜφϏήʔγϣϯόʔͷ౷߹ • WKWebView Λ࢖༻͢Δ৔߹ɺඪ४ͷφϏήʔγϣϯػ ೳʢʮਐΉʯʮ໭ΔʯʮϦϩʔυʯͳͲʣ͸ࣗಈతʹ͸ ఏڙ͞Εͳ͍ • ͜ΕΒͷػೳΛ࣮૷͢ΔͨΊʹ͸ɺWKWebView ͷΠϯ ελϯεΛૢ࡞͢ΔͨΊͷΧελϜφϏήʔγϣϯϘλ ϯΛ࡞੒͢Δඞཁ͕͋Δ
192. goBack() • webView.canGoBack • ʮ໭Δʯ͜ͱ͕Ͱ͖Δ͔Ͳ͏͔ • webView.goBack() • ʮ໭Δʯૢ࡞Λ࣮ߦ @objc private func goBack() { if webView.canGoBack { webView.goBack() } }
193. goForward() • webView.canGoForward • ʮਐΉʯ͜ͱ͕Ͱ͖Δ͔Ͳ͏͔ • webView.goForward() • ʮਐΉʯૢ࡞Λ࣮ߦ @objc private func goBack() { if webView.canGoForward { webView.goForward() } }
194. reload() • webView.reload() • ʮ࠶ಡΈࠐΈʯૢ࡞Λ࣮ߦ @objc private func reload() { webView.reload() }
195. ΧελϜφϏήʔγϣϯόʔͷ౷߹ • ࠓճ͸WebView༻ͷΧελϜφϏσʔγϣϯόʔΛ࡞੒͢Δྫ͕ͩͬͨɺω ΠςΟϒଆͰར༻͍ͯ͠ΔφϏήʔγϣϯόʔΛͦͷ··ར༻͢Δͷ΋ྑ͍ • Ex: • φϏήʔγϣϯόοΫ -> webView.goBack() • Pull to Refresh -> webView.reload() • ͦͷଞɺWKWebView ͸ΧελϜͷ෯͕޿͍΋ͷͷɺجຊతʹ͸ಠࣗʹ࣮૷ Λߦ͏ඞཁ͕͋Δ
196. ߴ౓ͳઃఆͱΧελϚΠζ • WKWebViewCon f igurationͷΧελϚΠζ • ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • σʔλετΞͷΧελϚΠζ • ϓϦϑΝϨϯεͷઃఆ • UIΧελϚΠζͱφϏήʔγϣϯ؅ཧ • WKUIDelegate ͷ࣮૷ • WKNavigationDelegate ͷ࣮૷ • ΧελϜφϏήʔγϣϯόʔͷ౷߹ • ͦͷଞͷ֦ு • ΧελϜURLεΩʔϚͷରԠ • ίϯςϯπϑΟϧλϦϯά
197. ΧελϜURLεΩʔϚͷରԠ • WKURLSchemeHandler • ΞϓϦ಺Ͱಛఆͷ URL εΩʔϚΛΧελϜॲཧ͢ΔͨΊͷϓϩτίϧ
198. WKURLSchemeHandler ͷར༻ྫ • ΞηοτͷϩʔΧϧಡΈࠐΈ • ྫɿ`custom-scheme://images/logo.png` • ΞϓϦ಺ͷϦιʔε΍σʔλΛ WKWebView ಺Ͱ௚઀ѻ͏͜ͱ͕Ͱ͖Δ • σόοά৘ใͷૹ৴ • ྫɿ`custom-scheme://debug?info=someDebugInfo` • Web ίϯςϯπ͔ΒΞϓϦέʔγϣϯʹσόοά৘ใΛૹ৴
199. WKURLSchemeHandler class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let config = WKWebViewConfiguration() webView = WKWebView(frame: self.view.bounds, configuration: config) self.view.addSubview(webView) // ΧελϜεΩʔϚͷϦιʔεΛϦΫΤετ͢Δྫ if let url = URL(string: “custom-scheme://exampleImage") { let request = URLRequest(url: url) webView.load(request) } } }
200. WKURLSchemeHandler class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let config = WKWebViewConfiguration() // WKWebViewConfigurationͷsetURLSchemeHandler(_:forURLScheme:)ϝιουΛ࢖༻ͯ͠ొ࿥ // ͜͜Ͱ͸ “custom-scheme://" ͱ͍͏ URLScheme Λࢦఆ͍ͯ͠Δ let schemeHandler = CustomSchemeHandler() config.setURLSchemeHandler(schemeHandler, forURLScheme: “custom-scheme") webView = WKWebView(frame: self.view.bounds, configuration: config) self.view.addSubview(webView) // ΧελϜεΩʔϚͷϦιʔεΛϦΫΤετ͢Δྫ if let url = URL(string: “custom-scheme://exampleImage") { let request = URLRequest(url: url) webView.load(request) } } }
201. WKURLSchemeHandler class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let config = WKWebViewConfiguration() // WKWebViewConfigurationͷsetURLSchemeHandler(_:forURLScheme:)ϝιουΛ࢖༻ͯ͠ొ࿥ // ͜͜Ͱ͸ “custom-scheme://" ͱ͍͏ URLScheme Λࢦఆ͍ͯ͠Δ let schemeHandler = CustomSchemeHandler() config.setURLSchemeHandler(schemeHandler, forURLScheme: “custom-scheme") webView = WKWebView(frame: self.view.bounds, configuration: config) self.view.addSubview(webView) // ΧελϜεΩʔϚͷϦιʔεΛϦΫΤετ͢Δྫ if let url = URL(string: “custom-scheme://exampleImage") { let request = URLRequest(url: url) webView.load(request) } } }
202. WKURLSchemeHandler // WKURLSchemeHandler: ΧελϜURLεΩʔϜͷϦιʔεΛಡΈࠐΉͨΊͷϓϩτίϧ class CustomSchemeHandler: NSObject, WKURLSchemeHandler { }
203. WKURLSchemeHandler // WKURLSchemeHandler: ΧελϜURLεΩʔϜͷϦιʔεΛಡΈࠐΉͨΊͷϓϩτίϧ class CustomSchemeHandler: NSObject, WKURLSchemeHandler { // URLSchemeϦΫΤετͷॲཧΛ։࢝͢Δϝιου // WKURLSchemeTask Λ௨ͯ͡ϦΫΤετʹԠ౴ func webView(_ webView: WKWebView, start urlSchemeTask: WKURLSchemeTask) { } // ϦΫΤετॲཧΛఀࢭ͢Δϝιου // ͢΂ͯͷඇಉظϦΫΤετΛΩϟϯηϧ͢Δࡍʹ࢖༻ func webView(_ webView: WKWebView, stop urlSchemeTask: WKURLSchemeTask) { } }
204. WKURLSchemeHandler // WKURLSchemeHandler: ΧελϜURLεΩʔϜͷϦιʔεΛಡΈࠐΉͨΊͷϓϩτίϧ class CustomSchemeHandler: NSObject, WKURLSchemeHandler { // URLSchemeϦΫΤετͷॲཧΛ։࢝͢Δϝιου // WKURLSchemeTask Λ௨ͯ͡ϦΫΤετʹԠ౴ func webView(_ webView: WKWebView, start urlSchemeTask: WKURLSchemeTask) { } // ϦΫΤετॲཧΛఀࢭ͢Δϝιου // ͢΂ͯͷඇಉظϦΫΤετΛΩϟϯηϧ͢Δࡍʹ࢖༻ func webView(_ webView: WKWebView, stop urlSchemeTask: WKURLSchemeTask) { } }
205. WKURLSchemeHandler // URLSchemeϦΫΤετͷॲཧΛ։࢝͢Δϝιου // WKURLSchemeTask Λ௨ͯ͡ϦΫΤετʹԠ౴ func webView(_ webView: WKWebView, start urlSchemeTask: WKURLSchemeTask) { guard let url = urlSchemeTask.request.url else { return } // ΧελϜϓϩτίϧͷॲཧ if url.scheme == “custom-scheme", let response = HTTPURLResponse( url: url, statusCode: 200, httpVersion: nil, headerFields: nil ) { urlSchemeTask.didReceive(response) urlSchemeTask.didReceive(Data("Custom scheme response".utf8)) urlSchemeTask.didFinish() } else { urlSchemeTask.didFailWithError( NSError(domain: "CustomURLSchemeError", code: 404, userInfo: nil) ) } }
206. ߴ౓ͳઃఆͱΧελϚΠζ • WKWebViewCon f igurationͷΧελϚΠζ • ϓϩηεϓʔϧͷڞ༗ͱ෼཭ • σʔλετΞͷΧελϚΠζ • ϓϦϑΝϨϯεͷઃఆ • UIΧελϚΠζͱφϏήʔγϣϯ؅ཧ • WKUIDelegate ͷ࣮૷ • WKNavigationDelegate ͷ࣮૷ • ΧελϜφϏήʔγϣϯόʔͷ౷߹ • ͦͷଞͷ֦ு • ΧελϜURLεΩʔϚͷରԠ • ίϯςϯπϑΟϧλϦϯά
207. ίϯςϯπϑΟϧλϦϯά • WKContentRuleListStore • ίϯςϯπϒϩοΩϯάϧʔϧΛ؅ཧ͢ΔͨΊͷΫϥε • ϧʔϧΛJSONܗࣜͰ࡞੒͠WKWebViewʹదԠͤ͞Δ • ϧʔϧ͸ Safari Web Extension ͷ ʮCreating a content blockerʯͱ͍͏ υΩϡϝϯτʹهड़͕͋Γɺಉ͡Α͏ʹWKWebViewͰ΋ར༻Ͱ͖Δ https://developer.apple.com/documentation/safariservices/creating-a-content-blocker
208. WKContentRuleListStore // ϧʔϧͷఆٛ let contentRules = """ [ { "trigger": { "url-filter": ".*", "resource-type": ["image"] }, "action": { "type": "block" } } ] """
209. WKContentRuleListStore // ϧʔϧͷఆٛ let contentRules = """ [ { "trigger": { "url-filter": ".*", "resource-type": ["image"] }, "action": { "type": "block" } } ] """
210. WKContentRuleListStore // ϧʔϧͷఆٛ let contentRules = “"" … """ // WKContentRuleListStore Λऔಘ let contentRuleListStore = WKContentRuleListStore.default()
211. WKContentRuleListStore // ϧʔϧͷఆٛ let contentRules = “"" … """ // WKContentRuleListStore Λऔಘ let contentRuleListStore = WKContentRuleListStore.default() // ϧʔϧϦετΛίϯύΠϧ contentRuleListStore?.compileContentRuleList( forIdentifier: "myContentRuleList", encodedContentRuleList: contentRules ) {}
212. WKContentRuleListStore // ϧʔϧϦετΛίϯύΠϧ contentRuleListStore?.compileContentRuleList( forIdentifier: "myContentRuleList", encodedContentRuleList: contentRules ) { (contentRuleList, error) in if let error = error { print("Failed to compile content rule list: \(error)") return } // ϧʔϧϦετΛWKUserContentControllerʹొ࿥ if let contentRuleList { let contentController = WKUserContentController() contentController.add(contentRuleList) let config = WKWebViewConfiguration() config.userContentController = contentController let webView = WKWebView(frame: .zero, configuration: config) // webView.load } }
213. WKContentRuleListStore // ϧʔϧϦετΛίϯύΠϧ contentRuleListStore?.compileContentRuleList( forIdentifier: "myContentRuleList", encodedContentRuleList: contentRules ) { (contentRuleList, error) in if let error = error { print("Failed to compile content rule list: \(error)") return } // ϧʔϧϦετΛWKUserContentControllerʹొ࿥ if let contentRuleList { let contentController = WKUserContentController() contentController.add(contentRuleList) let config = WKWebViewConfiguration() config.userContentController = contentController let webView = WKWebView(frame: .zero, configuration: config) // webView.load } }
214. ίϯςϯπϑΟϧλϦϯά • WKContentRuleListStore ͰͰ͖Δ͜ͱ • block: • ϦιʔεͷಡΈࠐΈΛఀࢭ • Safari ͷΩϟογϡ͕͋Δ৔߹Ͱ΋ແࢹ͞ΕΔ • block-cookies: • ϔομʔ͔ΒΫοΩʔΛ࡟আ • Safari ͷϓϥΠόγʔઃఆʹै͏ • css-display-none: • CSS ηϨΫλʹج͍ͮͯϖʔδͷཁૉΛඇදࣔʹ͢Δʢdisplay: none Λઃఆʣ • ignore-previous-rules: • Ҏલʹద༻͞ΕͨϧʔϧΛແࢹ͢Δ • make-https: • URL ͷϓϩτίϧΛ http ͔Β https ʹมߋ • ͨͩ͠ɺࢦఆ͞Εͨϙʔτ΍ଞͷϓϩτίϧʹ͸Өڹ͠ͳ͍
215. 1. ͸͡Ίʹ 2. WKWebViewͷجૅ஌ࣝ 3. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ 4. ϓϥΠόγʔอޢͱηΩϡϦςΟ 5. ߴ౓ͳઃఆͱΧελϚΠζ 6. σόοά 7. Ԡ༻ͱ࣮ફྫ 8. ·ͱΊ Agenda
216. σόοά
217. σόοά • Web Inspectorͷར༻
218. Web Inspectorͷར༻ • WKWebViewͷσόοάʹ͸ɺSafariͷWeb InspectorΛར༻ • Web InspectorΛ࢖͏͜ͱͰɺWebίϯςϯπͷৄࡉͳ৘ใΛ֬ೝͨ͠Γɺ σόοάΛߦͬͨΓͰ͖Δ https://developer.apple.com/documentation/safari-developer-tools/web-inspector
219. Web Inspectorͷ༗ޮԽ • WebView ͷ isInspectable Λ true ʹ͢Δ let webConfiguration = WKWebViewConfiguration() let webView = WKWebView(frame: .zero, configuration: webConfiguration) webView.isInspectable = true
220. Web Inspectorͷར༻ • Safari > ։ൃ
221. Web Inspectorͷར༻ • Safari > ։ൃ > ىಈதͷDevise
222. Web Inspectorͷར༻ • Safari > ։ൃ > ىಈதͷDevise > WebViewΠϯελϯε Λબ୒
223. Web Inspectorͷར༻
224. Web Inspectorͷར༻ • ࢖͍ํ͸௨ৗͷ Safari Web Inspector ͱಉ͡ • Web InspectorΛ࢖ͬͨجຊతͳૢ࡞ • Elements: • HTMLυΩϡϝϯτͷߏ଄Λ֬ೝ͠ɺCSSελΠϧΛมߋͰ͖Δ • Console: • JavaScriptͷΤϥʔϝοηʔδ΍ϩάΛ֬ೝͰ͖Δ • JavaScripͷଈ࣮࣌ߦ΋Մೳ • Network: • ωοτϫʔΫϦΫΤετͱϨεϙϯεͷৄࡉΛ֬ೝͰ͖Δ
225. 1. ͸͡Ίʹ 2. WKWebViewͷجૅ஌ࣝ 3. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ 4. ϓϥΠόγʔอޢͱηΩϡϦςΟ 5. ߴ౓ͳઃఆͱΧελϚΠζ 6. σόοά 7. Ԡ༻ͱ࣮ફྫ 8. ·ͱΊ Agenda
226. Ԡ༻ͱ࣮ફྫ
227. Ԡ༻ͱ࣮ફྫ • KVOͰ؂ࢹͰ͖ΔϓϩύςΟͱͦͷར༻ྫ • MutationObserver Λར༻ͨ͠DOM؂ࢹͷྫ
228. Ԡ༻ͱ࣮ફྫ • KVOͰ؂ࢹͰ͖ΔϓϩύςΟͱͦͷར༻ྫ • MutationObserver Λར༻ͨ͠DOM؂ࢹͷྫ
229. KVOͰ؂ࢹͰ͖ΔϓϩύςΟͱͦͷར༻ྫ • KVO ʢKey-Value Observationʣ • ର৅ͷΦϒδΣΫτΛ؂ࢹ͠ɺมߋΛ௨஌ͯ͘͠ΕΔ࢓૊Έ • CombineͰ΋؂ࢹՄೳ
230. KVOͰ؂ࢹͰ͖ΔWKWebViewͷϓϩύςΟҰཡ open var title: String? { get } open var url: URL? { get } open var isLoading: Bool { get } open var estimatedProgress: Double { get } open var hasOnlySecureContent: Bool { get } open var serverTrust: SecTrust? { get } open var canGoBack: Bool { get } open var canGoForward: Bool { get } open var cameraCaptureState: WKMediaCaptureState { get } // @available(iOS 15, *) open var microphoneCaptureState: WKMediaCaptureState { get } // @available(iOS 15, *) open var themeColor: UIColor? { get } // @available(iOS 15, *) @NSCopying open var underPageBackgroundColor: UIColor? { get } // @available(iOS 15, *) open var fullscreen: Bool { get } // @available(iOS 16, *)
231. KVO؂ࢹͷར༻ྫᶃ • estimatedProgress • WebίϯςϯπͷಡΈࠐΈঢ়گΛՄࢹԽ
232. KVO؂ࢹͷར༻ྫᶃ • estimatedProgress • WebίϯςϯπͷಡΈࠐΈঢ়گΛՄࢹԽ
233. KVO؂ࢹͷར༻ྫᶃ import WebKit class ViewController: UIViewController { private var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: self.view.bounds) self.view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { let request = URLRequest(url: url) webView.load(request) } } }
234. KVO؂ࢹͷར༻ྫᶃ import WebKit class ViewController: UIViewController { private var webView: WKWebView! private var progressView: UIProgressView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: self.view.bounds) self.view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { let request = URLRequest(url: url) webView.load(request) } progressView = UIProgressView(progressViewStyle: .default) progressView.frame = CGRect(x: 0, y: 88, width: self.view.bounds.width, height: 2) self.view.addSubview(progressView) } }
235. KVO؂ࢹͷར༻ྫᶃ import WebKit class ViewController: UIViewController { … override func viewDidLoad() { … } deinit { } }
236. KVO؂ࢹͷར༻ྫᶃ import WebKit class ViewController: UIViewController { … override func viewDidLoad() { … webView.addObserver(self, forKeyPath: "estimatedProgress", options: .new, context: nil) } deinit { webView.removeObserver(self, forKeyPath: "estimatedProgress") } }
237. KVO؂ࢹͷར༻ྫᶃ import WebKit class ViewController: UIViewController { … override func viewDidLoad() { … webView.addObserver(self, forKeyPath: "estimatedProgress", options: .new, context: nil) } deinit { webView.removeObserver(self, forKeyPath: "estimatedProgress") } }
238. KVO؂ࢹͷར༻ྫᶃ import WebKit class ViewController: UIViewController { … override func viewDidLoad() { … webView.addObserver(self, forKeyPath: "estimatedProgress", options: .new, context: nil) } override func observeValue( forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer? ) { if keyPath == "estimatedProgress" { progressView.progress = Float(webView.estimatedProgress) progressView.isHidden = (webView.estimatedProgress == 1.0) } } deinit { webView.removeObserver(self, forKeyPath: "estimatedProgress") }
239. KVO؂ࢹͷར༻ྫᶃ import WebKit class ViewController: UIViewController { … override func viewDidLoad() { … webView.addObserver(self, forKeyPath: "estimatedProgress", options: .new, context: nil) } override func observeValue( forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer? ) { if keyPath == "estimatedProgress" { progressView.progress = Float(webView.estimatedProgress) progressView.isHidden = (webView.estimatedProgress == 1.0) } } deinit { webView.removeObserver(self, forKeyPath: "estimatedProgress") }
240. KVO؂ࢹͷར༻ྫᶄ • url • WKWebViewΠϯελϯε্ͷݱࡏͷURLΛ؂ࢹͰ͖Δ • ௨ৗͷφϏήʔγϣϯͰ͋Ε͹WKNavigationDelegate ͰURLભҠ͸ϋϯυϦ ϯάͰ͖Δ͕… • Webίϯςϯπ͕SPA(Single Page Application) ͷ৔߹ • URL͕มԽͯ͠΋φϏήʔγϣϯʹӨڹ͸ͳ͍ͨΊɺWKNavigationDelegate ͰURLΛϋϯυϦϯά͢Δ͜ͱ͸Ͱ͖ͳ͍ • ͦͷͨΊSPAͷ৔߹ͰURLͷมԽʹ൐ͬͯԿ͔ͷΞΫγϣϯΛ͍ͨ࣌͠ɺKVO ؂ࢹΛߦ͏ඞཁ͕͋Δ
241. KVO؂ࢹͷར༻ྫᶄ • Webίϯςϯπ͕SPA(Single Page Application) ͷ৔߹ • URL͕มԽͯ͠΋φϏήʔγϣϯʹӨڹ͸ͳ͍ͨΊɺ WKNavigationDelegateͰURLΛϋϯυϦϯά͢Δ͜ͱ͸Ͱ͖ͳ͍ • ͦͷͨΊSPAͷ৔߹ͰURLͷมԽʹ൐ͬͯԿ͔ͷΞΫγϣϯΛ͍ͨ࣌͠ɺ KVO؂ࢹΛߦ͏ඞཁ͕͋Δ
242. KVOͰ؂ࢹͰ͖ΔϓϩύςΟͱͦͷར༻ྫ • ϓϩύςΟ؂ࢹͰWKWebViewͷදݱͷ෯͕޿͕Δ
243. Ԡ༻ͱ࣮ફྫ • KVOͰ؂ࢹͰ͖ΔϓϩύςΟͱͦͷར༻ྫ • MutationObserver Λར༻ͨ͠DOM؂ࢹͷྫ
244. MutationObserver Λར༻ͨ͠DOM؂ࢹͷྫ • MutationObserverͱ͸ • DOMπϦʔʹՃ͑ΒΕͨมߋΛ؂ࢹ͢ΔJavaScriptͷAPI https://developer.mozilla.org/ja/docs/Web/API/MutationObserver
245. MutationObserver Λར༻ͨ͠DOM؂ࢹͷྫ • ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ
246. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ
247. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ • ΧʔτόοδͷηϨΫλʔΛ೺Ѳ
248. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ • Χʔτόοδ͕औಘͰ͖Δ͔ίϯιʔϧͰ֬ೝ
249. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ // MutationObserver ͷ࡞੒ const observer = new MutationObserver(() => { });
250. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ // MutationObserver ͷ࡞੒ const observer = new MutationObserver(() => { }); // ؂ࢹͷ։࢝ observer.observe(document, { childList: true, characterData: true, subtree: true });
251. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ // MutationObserver ͷ࡞੒ͱઃఆ const observer = new MutationObserver(() => { // Χʔτόοδͷ஋Λऔಘ const cartItemCountElement = document.querySelector('.globalnav-bag-badge-number'); if (cartItemCountElement) { const cartItemCount = cartItemCountElement.textContent.trim(); } }); // ؂ࢹͷ։࢝ observer.observe(document, { childList: true, characterData: true, subtree: true });
252. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ // MutationObserver ͷ࡞੒ͱઃఆ const observer = new MutationObserver(() => { // Χʔτόοδͷ஋Λऔಘ const cartItemCountElement = document.querySelector('.globalnav-bag-badge-number'); if (cartItemCountElement) { const cartItemCount = cartItemCountElement.textContent.trim(); window.webkit.messageHandlers.mutationObserver.postMessage({ cart_item_count: cartItemCount }); } }); // ؂ࢹͷ։࢝ observer.observe(document, { childList: true, characterData: true, subtree: true });
253. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let contentController = WKUserContentController() let script = """ ... """ let userScript = WKUserScript( source: script, injectionTime: .atDocumentStart, forMainFrameOnly: true ) contentController.addUserScript(userScript) let config = WKWebViewConfiguration() config.userContentController = contentController webView = WKWebView(frame: view.bounds, configuration: config) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") {
254. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let contentController = WKUserContentController() let script = """ ... """ let userScript = WKUserScript( source: script, injectionTime: .atDocumentStart, forMainFrameOnly: true ) contentController.addUserScript(userScript) let config = WKWebViewConfiguration() config.userContentController = contentController webView = WKWebView(frame: view.bounds, configuration: config) view.addSubview(webView) if let url = URL(string: "https://www.apple.com") { MutationObserverར༻ͷࡍ͸υΩϡϝϯτಡΈࠐΈલʹૠೖ
255. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let contentController = WKUserContentController() let script = """ ... """ let userScript = WKUserScript( source: script, injectionTime: .atDocumentStart, forMainFrameOnly: true ) contentController.addUserScript(userScript) let config = WKWebViewConfiguration() config.userContentController = contentController config.userContentController.add(self, name: "mutationObserver") webView = WKWebView(frame: view.bounds, configuration: config) view.addSubview(webView)
256. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ extension ViewController: WKScriptMessageHandler { }
257. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ extension ViewController: WKScriptMessageHandler { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) { } }
258. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ extension ViewController: WKScriptMessageHandler { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) { if message.name == "mutationObserver" { if let messageBody = message.body as? [String: Any] { } } } }
259. ࣮૷ྫɿϔομʔͷΧʔτόοδΛऔಘͯ͠ωΠςΟϒͱ࿈ܞ͢Δ extension ViewController: WKScriptMessageHandler { func userContentController( _ userContentController: WKUserContentController, didReceive message: WKScriptMessage ) { if message.name == "mutationObserver" { if let messageBody = message.body as? [String: Any] { let cartItemCount = messageBody[“cart_item_count"] as? String ?? "0" print("Cart Item Count: \(cartItemCount)") // TODO: Cart Item Count ΛNavigationBarʹ࿈ܞ } } } }
260. MutationObserver Λར༻ͨ͠DOM؂ࢹͷྫ • MutationObserver ͕࢖͑ΔͱJS࿈ܞͷ෯͕޿͕ΔͷͰ͓͢͢Ί
261. 1. ͸͡Ίʹ 2. WKWebViewͷجૅ஌ࣝ 3. ΠϯλϥΫςΟϒͳػೳͷ࣮૷ 4. ϓϥΠόγʔอޢͱηΩϡϦςΟ 5. ߴ౓ͳઃఆͱΧελϚΠζ 6. σόοά 7. Ԡ༻ͱ࣮ફྫ 8. ·ͱΊ Agenda
262. ·ͱΊ
263. • ຊτʔΫͰ͸WKWebViewͷओཁͳػೳΛ෯޿͘આ໌ͨ͠ • ࠓճऔΓ্͛ΒΕͳ͔ͬͨAPI΋·ͩ·ͩଟ͋͘ΓɺऔΓ্͛ͨAPI΋ࡉ͔͍ ͱ͜Ζ·Ͱ͸આ໌͖͠Εͳ͍Օॴ΋͋Δ • ͜ͷ಺༰Λ౔୆ʹɺຊ౰ͷWKWebViewϚελʔΛ໨ࢦ͍͖ͯ͠·͠ΐ͏ ·ͱΊ
264. WKWebViewϚελʔ΁ͷಓ͸ɺ ·ͩ·ͩଓ͘… ଓͬͨ͘Β…ଓ͘…
265. એ఻