[iOS] WKWebView - 앱에서 웹뷰를 띄우자

📱WKWebView Class

WKWebView 객체는 앱 내부의 브라우저에서 웹 콘텐츠를 보여줍니다.

 

WKWebView 는 네이티브 뷰에 HTML, CSS, JavaScript 로 표현되는 웹 브라우징을 제공합니다. 앱의 콘텐츠를 빈번하게 변경해야할 경우, 웹앱을 사용하게 될 것이에요. 네이티브 앱보다는 웹앱은 웹 콘텐츠만 배포하면 되니 좀더 유연한 대처가 가능하겠죠.

 

👋 WKWebView Delegate 

WKWebView 는 delegate 객체를 통해 유저의 경험과 탐색을 컨트롤할 수 있도록 제공합니다. 여기서 유저의 경험은 UI delegate, 탐색은 navigation delegate 가 담당한다고 이해했어요. 🤔 

 

navigation delegate (WKNavigationDelegate) 를 통해 유저가 웹뷰 콘텐츠 내의 링크를 클릭할 때 반응하거나, 특정 조건이 아닌 페이지들은 탐색이 되지 않도록 막을 수 있습니다. 

UI delegate (WKUIDelegate) 를 통해 웹 콘텐츠 상호작용에 대한 응답을 제공하기 위해 alert, context menus 등의 native UI 요소를 보여줄 수 있습니다.

 

navigation, UI 에서 특정한 구현이 필요하다면 ViewController 가 delegate 프로토콜을 채택하고 관련 메소드를 구현하면 됩니다. 

 

👣 Embed a WKWebView object 

View Controller 의 뷰 계층에 WKWebView 객체를 추가하고, URL 또는 HTML 을 로드하면 됩니다. 웹뷰의 설정을 커스텀하기 위해 WKWebViewConfiguration 객체를 생성해, 웹뷰의 생성자의 인자로 추가할 수도 있습니다.

 

WKWebViewConfiguration 는 WKWebView 객체의 속성을 설정하기 위한 객체로, 커스텀 URL scheme 을 위한 핸들러 지정, 쿠키 관리, 웹 콘텐츠의 여러 설정들을 커스터마이징 할 수 있어요. 스토리보드의 attributes inspector 에서 설정할 수 있는 값이에요

ContextMenus example storyboard

 

🏃‍♀️ Loading Web Content

웹 콘텐츠를 로딩하기 위해서 여러가지 메소드를 제공합니다. 보통 URL 로 로드하는 일이 많지 않을까 싶어요! 

load 메소드 외에 reload, stopLoading 등의 메소드도 제공됩니다. 

 

WKWebView 의 메소드로 미디어 재생관련, 카메라와 마이크 설정 관련, 페이지내 콘텐츠 찾기, 웹페이지간 Navigating, JavaScript 실행을 위한 메소드도 제공됩니다. 필요에 따라 찾아보시면 될 것 같아요. WKNavigationDelegate, WKUIDelegate 에 대해서는 다음번에 정리하도록 하겠습니다! 🥺

 

 

🍎 공식 문서 참고

• WKWebView : https://developer.apple.com/documentation/webkit/wkwebview