SwiftUI) WebView 사용하기 예제 - UIKit으로 만든 웹뷰 가져오기 예제

 
import Foundation
import UIKit
import WebKit
 
class WebViewController: UIViewController, WKNavigationDelegate{
    
    @IBOutlet weak var WebView: WKWebView!
    var url = "https://google.com"
    
    override func viewDidLoad() {
        let stringToURL = URL(string: url)
        self.WebView.navigationDelegate = self
        self.WebView.load(URLRequest(url: stringToURL!))
    
    }
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        //get webview title
        self.WebView.evaluateJavaScript("document.title") {(result,error )in
        self.navigationItem.title = result as? String
    }
    }
    
}

 
import Foundation
import WebKit
import SwiftUI
struct WebView: UIViewRepresentable {
    
    var url: String
    
    func makeUIView(context: Context) -> some UIView {
        
        let stringToUrl = URL(string: self.url)
        let request = URLRequest(url: stringToUrl!)
        let wkWebView = WKWebView()
        
        wkWebView.load(request)
        
        return wkWebView
        
    }
    func updateUIView(_ uiView: UIViewType, context: Context) {
        
    }
}
 
//UIViewController
struct WebViewControllerNavi:UIViewControllerRepresentable {
    
    func makeUIViewController(context: Context) -> some UIViewController {
        
        let WebViewController = UIStoryboard(name: "WebViewController", bundle: nil).instantiateViewController(identifier: "WebViewController") as! WebViewController
        let navi = UINavigationController(rootViewController: WebViewController)
        
        return navi
    }
    
    func updateUIViewController(_ uiViewController: UIViewControllerType, context: Context) {
        
    }
}
 

1.WebView 구조체 : SwiftUI 사용 방식2.WebViewControllerNavi 구조체 : StoryboardUI 를 코드로 가져와 실행시키는 방식

 

 
import SwiftUI
 
struct ContentView: View {
   
    var body: some View {
    
     WebViewControllerNavi()
        
    }
}
 
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
        }
    }
}
 

- WebView.swift 에 선언한 구조체들로 실행 가능

 

결과물