[Webview2] 기본 Windows 데스크톱 앱에서 Microsoft Edge 사용

개발 (develop)

[Webview2] 기본 Windows 데스크톱 앱에서 Microsoft Edge 사용 - 2부

삽질그만 2022. 2. 25. 09:38

이 문서는 Microsoft Edge WebView2 Runtime 88.0.705.50 이상이 필요한 WebView2 버전에 대해 업데이트되었습니다.

이 시리즈의 두 번째 부분에서는 C++ Windows 데스크톱 응용 프로그램에서 WebView2 컨트롤을 사용하는 방법을 살펴보겠습니다. 탐색할 주소를 지정할 수 있는 도구 모음과 앞뒤로 탐색하고 현재 페이지를 다시 로드하거나 탐색을 중지하는 버튼이 있는 단일 문서 인터페이스 MFC 응용 프로그램을 사용합니다.

이 시리즈의 기사:

API 개요

WebView2 SDK에는 다음 API가 포함되어 있습니다.

사용자 지정 버전의 Edge, 사용자 데이터 디렉터리 및/또는 추가 옵션으로 WebView2 환경을 만드는 CreateCoreWebView2EnvironmentWithOptions() , 브라우저 버전(채널 이름 포함)을 검색하는 GetAvailableCoreWebView2BrowserVersionString() 또는 브라우저를 비교하는 CompareBrowserVersion() 과 같은 전역 함수 버전을 확인하여 최신 버전, 이전 버전 또는 동일한 버전을 확인합니다.
WebView2 환경을 나타내는 ICoreWebView2Environment, WebView2 환경 을 생성 하는 데 사용되는 옵션을 정의하는 ICoreWebView2EnvironmentOptions , 실제 WebView2 컨트롤을 나타내는 ICoreWebView2, CoreWebView2 개체의 소유자이며 크기 조정, 표시 및 숨기기, 초점 조정 지원을 제공하는 ICoreWebView2Controller와 같은 인터페이스 , 및 창 및 구성과 관련된 기타 기능, WebView 기능을 활성화, 비활성화 또는 수정하는 속성을 정의하는 ICoreWebView2Settings .
ICoreWebView2NavigationStartingEventHandler 및 ICoreWebView2NavigationCompletedEventHandler 와 같은 대리자 인터페이스 .
ICoreWebView2NavigationStartingEventArgs 및 ICoreWebView2NavigationCompletedEventArgs 와 같은 이벤트 인수 인터페이스 .

환경은 선택적 사용자 지정 브라우저 인수 및 사용자 데이터 폴더와 함께 특정 버전의 Edge 브라우저를 실행하는 컨테이너입니다.

웹 보기 컨트롤을 생성하려면 다음을 수행해야 합니다.

CreateCoreWebView2EnvironmentWithOptions() 를 호출 하여 웹 보기 환경을 만듭니다.
환경이 사용 가능하면 ICoreWebView2Environment 인터페이스를 사용하여 CreateCoreWebView2Controller 를 호출하여 웹 보기와 해당 컨트롤러를 만듭니다 .
웹 보기 컨트롤러를 사용할 수 있는 경우 ICoreWebView2Controller 인터페이스를 사용하여 웹 보기에 대한 포인터 ICoreWebView2* 를 검색하여 이벤트 처리기를 추가 및 제거할 수 있습니다. 또한 ICoreWebView2Settings 인터페이스에 대한 포인터를 검색하여 웹 보기 기능을 수정할 수 있습니다.

데모 앱

WebView2 컨트롤이 어떻게 작동하는지 보기 위해 SDI를 지원하는 매우 간단한 MFC 응용 프로그램을 사용합니다. WebView2 컨트롤이 생성되어 보기 내에 표시됩니다. 응용 프로그램에는 뒤로 및 앞으로 탐색하고 페이지를 중지하거나 다시 로드하는 버튼과 URL을 제공하는 컨트롤이 있는 도구 모음이 있습니다. ENTER 키를 누르면 URL 탐색이 시작됩니다. 이 최소 기능으로 애플리케이션은 브라우저를 모방합니다.

여기서 가장 중요한 클래스는 다음과 같습니다.

첨부된 데모 프로젝트를 확인하여 소스 코드 세부 정보를 볼 수 있습니다.

[ 소스코드 및 개발 방법 ]

샘플 코드와 상세 개발 방법에 대한 내용은 아래 링크에서 확인할 수 있습니다...

https://cafe.naver.com/devms/10

[MFC] [Webview2] 기본 Windows 데스크톱 앱에서 Microsoft Edge 사용 - 2부

대한민국 모임의 시작, 네이버 카페

cafe.naver.com