【SwiftUI】WKWebViewを用いてアプリにウェブページを埋め込む方法

2023年2月28日

SwiftUI

目次 [ close ]

今回作成するアプリ

SwiftUIでアプリにWebページを埋め込むにはどうすればいいでしょうか？

SafariViewのようなウェブページであるSafariに遷移する方法ではなく、ウェブページのコンテンツ自体をアプリに埋め込む方法です。

それにはWKWebViewと呼ばれる技術を用いれば実現できるのですが、今回はその実装方法をご紹介します。

【SwiftUI】 SafariViewを使う方法

今回作成するアプリ実装コード import SwiftUI import SafariServices struct ContentView: View { // Safari ViewController…

2023年1月10日 2023年7月31日

実装

コード

import SwiftUI
import WebKit

struct WebView: UIViewRepresentable {
    
    let loardUrl: URL
    
    func makeUIView(context: Context) -> WKWebView {
        return WKWebView()
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        let request = URLRequest(url: loardUrl)
        uiView.load(request)
    }
}

struct ContentView: View {
    
    var body: some View {
        WebView(loardUrl: URL(string: "https://www.apple.com")!)
    }
}