개발

Swift iOS WKWebView : 기본 연동 (코드 부분)

소소ing 2020. 9. 22. 17:56
반응형

iOS WKWebView 를 구성해 봅시다

 

해당 글에서 코드 부분은 파란색으로 표기 됩니다.

해당 글에서 중요 부분은 붉은색으로 표기 됩니다.

 

1. Storyboard 안 WKWebView 컴포넌트를 사용할 경우 Deployment Target이 iOS 11 이상이여야 합니다.

만약 Deployment Target 즉 서비스 대상으로 하는 사용자의 iPhone OS의 버전이 11보다 낮을 경우에는 아래와 같이 WKWebView 컴포넌트 객체 생성 자체를 코드로 구성해 주어야 합니다.

[MainViewController.swift 파일 안]

// * WKWebView를 사용하기 위해서는 WebKit 모듈을 import 시켜야 합니다.

import WebKit

 

class MainViewController: UIViewController {

    // * WKWebView 객체 선언

    private var wkWebView: WKWebView? = nil

 

    override func viewDidLoad() {

        super.viewDidLoad()

        // * WKWebView 구성

        //    - 여기서는 self.view 화면 전체를 WKWebView로 구성하였습니다.

        self.wkWebView = WKWebView.init(frame: CGRect.init(x: 0, y: 0, width: self.view.frame.size.width, height: self.view.frame.size.height))

 

        // * WKWebView 화면 비율 맞춤 설정

        self.wkWebView?.autoresizingMask = UIViewAutoresizing(rawValue: UIViewAutoresizing.RawValue(UInt8(UIViewAutoresizing.flexibleWidth.rawValue) | UInt8(UIViewAutoresizing.flexibleHeight.rawValue)))

 

        // * WKWebView 여백 및 배경 부분 색 투명하게 변경

        self.wkWebView?.backgroundColor = UIColor.clear

        self.wkWebView?.isOpaque = false

        self.wkWebView?.loadHTMLString("<body style=\"background-color: transparent\">", baseURL: nil)

   

         // * WKWebView에 로딩할 URL 전달

         //    - 캐시 기본 정책 사용, 타임아웃은 10초로 지정하였습니다.

         let request: URLRequest = URLRequest.init(url: NSURL.init(string: "<URL 입력>")! as URL, cachePolicy: URLRequest.CachePolicy.useProtocolCachePolicy, timeoutInterval: 10)

         self.wkWebView?.load(request)

 

          // * WKWebView 화면에 표시 

          self.view?.addSubview(self.wkWebView!)

    }

}

반응형