(iOS) - WebView : Safari 호출 , WKWebView , SFSafariViewController (In app Browser)

WebVeiw

iOS 앱에서 HTML 문서를 보여주는 방법

1. 사파리 앱을 호출하여 띄워주기.
2. WKWebView (iOS8 버전 이상부터 지원됨.)
3. SFSafariViewController

1번은 이미 구현되어있는 사파리 브라우저를 통해 페이지를 보여주는것이기 때문에 간단하다. 하지만 앱에서 포커싱이 벗어나게된다. 나머지 2,3번의 방식은 앱 내부에서 웹 페이지를 브라우징해주는 방식이다. 이렇게 앱 내부에 구현된 브라우저를 인앱 브라우저(In-App Browser)라고 한다.

원래는 UIWebView 라는 것도 있었으나, 이제 더이상 사용할 수 없다. (2020년 5월부터)

 

 

웹뷰의 사용 방식

다른 View들과 다르지 않다. ViewController에 추가하고, 브라우징할 URL 혹은 파일 경로를 인자값으로 넣어 메소드를 호출하면 된다.

 

#1 사파리 앱 호출 (Safari)

let url = URL(String:"https://www.naver.com/")
UIApplication.shared.open(url!, option: [:])

URLSession URLRequest 를 사용할때는 ATS설정을 해주어야한다.

사파리를 호출하는 방식은 Info.plist 파일에 ATS(App Transport Security)에 대한 설정도 필요하지 않다. 네트워크 통신에 대해서도 사파리 앱이 대신 처리해주기 때문이다.

 

 

#2 WKWebView 

WKWebView는 WebKit이라는 프레임워크에 정의되어있는 객체이다. 따라서 import가 필요하다. 보통 카카오등의 앱에서 커스터마이징된 브라우저들은 WKWebVeiw를 사용하게된다. 세부적인 기능을 직접 구현해야 되지만, 그만큼 자유도가 있는 방식이다.

import WebKit
@IBOutlet var webView : WKWebView!

let url = URL(string: "https://www.naver.com/")
let request = URLRequest(url: url!)

self.webView.load(request)

 

 

#3 SFSafariViewController

SFSafariViewController 는 뷰가 아니라 컨트롤러 객체에 해당된다. 그렇기 때문에 UI에 삽입하는게 아니라(스토리 보드상에서 작업할게 없다는 의미) 코드를 호출해주기만 하면 된다.

import SafariServices

let url = URL(string: "https://www.google.com/")
let safariViewController = SFSafariViewController(url: url!)
present(safariViewController, animated: true, completion:nil)