11. 웹 뷰: 앱에서 웹 페이지를 여는 방법

[yoogail105]

11. 웹 뷰: 앱에서 웹 페이지를 여는 방법

• 애플에는 HTML을 처리해 웹 브라우저를 구현할 수 있는 4가지 기능 지원
  1. 사파리 앱 호출
  2. UIWebView
  3. WKWebView
  4. SFSafariViewController

[yoogail105]

1. 사파리 앱 호출

1. 장점 사파리 앱을 그대로 호출, ATS 설정 필요 X(App Transport Security, 네트워크 통신을 사파리 앱이 대신 처리, info.plist에 HTTP보안 허가 X)
   → 구현 쉬움

2. 단점 기존 뷰에서 여는 것이 아니라 새로운 사파리 앱을 호출→ 포커스 벗어남 → 추천 X

let url = URL(string: "https://www.apple.com/")
UIApplication.shared.open(url!, options:[:])

• 자동으로 사파리 앱이 실행되고, 입력한 url 로드

[yoogail105]

2. UIWebView

• iOS 2
• import UIKit
• 현재는 deprecate

3. WKWebView

• 웹 뷰 객체를 사용해서 웹 페이지를 보여줌
• UIWebView와 비교하여 더 높고 효율적인 성능을 제공
• iOS 8 ~
• import WebKit
• HTTP url 사용하면 inpo.plist에 ATS설정 필요

import Webkit

@IBOutlet var webView: WKWebView!

guard let url = URL(string: "https://www.apple.com/") else { return }
let req = URLRequest(url: url!)

self.webView.load(req)

WKWebView 메소드

• load(_:)
  • WebView를 로딩
  • URLRequst객체를 전달인자로 함
  • load: 네트워크 상에 있는 웹페이지 대상, 앱 내부에서 저장된 로컬 HTML 읽으려면 loadHTMLString 사용
  • 비동기 메소드 → 웹 페이지 로딩 완료될 때까지 다른 코드의 실행을 방해 X
• stopLoading(): 웹페이지 로딩 도중에 중단하고자할 때 사용
• isLoading프로퍼티: 웹 페이지 로딩 진행 여부 확인(return Bool), 읽기전용값(수정X)
• goBack(), goForward(): 뒤로가기, 앞으로 가기
  • 첫번째 url 페이지 에서는 goBack() 작동X

웹뷰와 델리게이트 패턴

• 델리게이트 패턴을 통해 웹 페이지의 로딩 상황 추적, 콘텐츠나 사용자의 액션 제어할 수 O
• 위의 메소드들은 WKNavigationDelegate, WKUIDeletage 프로토콜에 정의
• WKNavigationDelegate: 웹페이지 로딩 상황 추적 or 제어
  • webView(_:decidePolicyFor:decisionHandler:): 웹뷰가 특정 페이지 읽어올지 말지 결정
  • webView(_:didStartProvisionalNavigation): 웹 뷰가 콘텐츠 로드하기 시작할 때 호출
    • 주의 url 유효하지 않을 때에나, 오프라인 상태에서도 호출됨
    • 정상적인 로딩 → didCommit
    • url, 네트워크 문제 → didFailProvisionalNavigation
  • webView(_:didCommit:): 웹뷰가 HTML 페이지 콘텐츠 읽어들이기 시작할 때 호출
  • webView(_:didFinish:): 웹뷰가 콘텐츠 로딩 완전히 마쳤을 때 호출
  • webView(_:didFail:withError:): 웹뷰가 콘텐츠 로딩에 실패했을 때 호출
• 이 메소드들은 load를 통해 특정 웹 페이지를 로딩할 때 호출, 다음 페이지로 넘어갈 때에도 호출

[yoogail105]

4. SFSafariViewController

• 컨트롤러 객체에 해당(스토리 보드에 UI삽입 X, 단순 코드 호출)
• 사파리 앱의 기능을 거의 그대로 지원, 앱 내부에서 사용할 수 있도록 컨트롤러 객체 형태
• 앱 내부에서 풀퍼전의 브라우저 구현할 수 O
• import SafariServices
• present(safariViewController, animated: true): 사파리 앱을 호출하는 것이 아니라, 기존의 앱 내의 뷰에서 화면을 전환하는 방식으로 실행

import SafariServices

 @IBAction func btnAction(_ sender: Any) {
        let url = URL(string: "https://www.apple.com/")
        let safariViewController = SFSafariViewController(url: url!)
        present(safariViewController, animated: true)
    }

[yoogail105]

🍫참고

• 꼼꼼한 재은씨의 Swift: 기본편
• https://ios-development.tistory.com/27
• https://zeddios.tistory.com/332