Webview2 C# 예제 (개발자를 위한 작동 방식)

Chromium Edge의 이점

Chromium 기반: Microsoft Edge와 동일한 엔진을 활용하여 WebView2는 이전의 웹 뷰 컨트롤에 비해 더 일관되고 신뢰할 수 있는 웹 콘텐츠 렌더링을 제공합니다.

최신 웹 표준: 최신 웹 표준을 지원함으로써 개발자는 Windows 응용 프로그램의 웹 콘텐츠가 최신 웹 기술과 함께 최신 상태를 유지할 수 있도록 보장할 수 있습니다.

WebView2를 C# 프로젝트에 설정

C# 프로젝트에 WebView2를 통합하는 것은 간단한 과정입니다. 여기에는 .NET을 위한 마이크로소프트의 패키지 관리자 NuGet을 통해 WebView2 SDK를 추가하는 것이 포함됩니다. 이 SDK는 WebView2를 사용하여 응용 프로그램에 웹 콘텐츠를 삽입하는 데 필요한 라이브러리와 도구를 제공합니다.

Windows Forms 및 WPF에서 WebView2 구현

WebView2는 Windows Forms (WinForms) 및 Windows Presentation Foundation (WPF)을 포함한 다양한 유형의 C# 응용 프로그램에서 활용할 수 있습니다. 각 프레임워크는 구현 측면에서 특성의 차이가 있지만 핵심 개념은 동일합니다: WebView2는 응용 프로그램 내의 웹 콘텐츠의 컨테이너 역할을 합니다.

웹 콘텐츠 로딩의 기본 예제

WebView2가 설정되면 응용 프로그램에 웹 페이지를 로드하기 시작할 수 있습니다. 이는 간단하게 소스 URL을 설정하여 웹 페이지를 표시하는 것만으로 이루어질 수 있습니다. 다음을 통해 시작할 수 있는 기본 예제입니다:

using System;
using Microsoft.Web.WebView2.WinForms; // Ensure WebView2 is included

public class WebViewExample
{
    public void LoadWebPage()
    {
        var webView = new WebView2();
        webView.Source = new Uri("https://www.ironpdf.com");
        // The URI of IronPDF's site is set as the source URL for WebView
    }
}

using System;
using Microsoft.Web.WebView2.WinForms; // Ensure WebView2 is included

public class WebViewExample
{
    public void LoadWebPage()
    {
        var webView = new WebView2();
        webView.Source = new Uri("https://www.ironpdf.com");
        // The URI of IronPDF's site is set as the source URL for WebView
    }
}

Imports System
Imports Microsoft.Web.WebView2.WinForms ' Ensure WebView2 is included

Public Class WebViewExample
	Public Sub LoadWebPage()
		Dim webView = New WebView2()
		webView.Source = New Uri("https://www.ironpdf.com")
		' The URI of IronPDF's site is set as the source URL for WebView
	End Sub
End Class

이 코드 조각에서는 WebView2의 새로운 인스턴스를 생성하고 IronPDF의 웹사이트를 로드합니다. 이는 WebView2를 사용하여 C# 응용 프로그램 내에서 웹 페이지를 렌더링하는 방법을 보여줍니다.

WebView2에서 HTML, CSS 및 JS 표시

WebView2는 C# 응용 프로그램이 표준 웹 콘텐츠를 삽입하고 표시할 수 있도록 합니다. 여기에는 스타일링을 위한 HTML 페이지, 캐스케이딩 스타일 시트, 상호작용을 위한 JavaScript가 포함됩니다. 이 컨트롤은 응용 프로그램 내에 임베딩된 웹 브라우저와 유사하게 기능하며 Microsoft Edge에서 나타나는 것처럼 웹 콘텐츠를 렌더링합니다.

WebView2에서 웹 페이지 로딩

WebView2의 주된 기능은 웹 페이지를 로드하고 표시하는 것입니다. 이는 URL을 지정하거나 HTML 콘텐츠를 직접 로드하여 달성됩니다. 예를 들어:

public void NavigateWebPage()
{
    var webView = new WebView2();
    webView.CoreWebView2.Navigate("https://www.ironpdf.com");
    // Navigates to the specified URL displaying the page in the application
}

public void NavigateWebPage()
{
    var webView = new WebView2();
    webView.CoreWebView2.Navigate("https://www.ironpdf.com");
    // Navigates to the specified URL displaying the page in the application
}

Public Sub NavigateWebPage()
	Dim webView = New WebView2()
	webView.CoreWebView2.Navigate("https://www.ironpdf.com")
	' Navigates to the specified URL displaying the page in the application
End Sub

이 코드는 지정된 웹 페이지로 WebView2 컨트롤을 탐색하여 응용 프로그램 내에 표시합니다.

JavaScript와 상호작용

WebView2는 임베딩된 웹 콘텐츠 내의 JavaScript와 상호작용할 수 있도록 합니다. 이는 C# 응용 프로그램에서 JavaScript 코드를 실행할 수 있으며 반대로 동적 콘텐츠 업데이트 및 반응형 사용자 인터페이스를 가능하게 합니다.

웹 경험 맞춤화

WebView2를 사용하면 웹 콘텐츠가 표시되는 방식을 제어할 수 있으며, 크기, 가시성 및 사용자 상호작용 설정과 같은 다양한 측면을 맞춤 설정할 수 있습니다. 이러한 맞춤화를 통해 웹 콘텐츠를 응용 프로그램의 본래 사용자 인터페이스에 원활하게 통합할 수 있습니다.

WebView2와 IronPDF 함께 사용하기

C# 프로젝트에서 WebView2와 IronPDF의 조합은 흥미로운 가능성을 열어줍니다. WebView2는 웹 콘텐츠를 표시하고 상호작용하는 데 매우 뛰어난 반면, IronPDF는 이 콘텐츠를 PDF 형식으로 변환하는 데 뛰어납니다. 이 통합은 개발자가 웹 콘텐츠를 표시할 뿐만 아니라 웹 콘텐츠를 PDF 문서로 변환할 수 있는 기능을 제공하는 응용 프로그램을 만들 수 있도록 합니다.

IronPDF로 WebView2 콘텐츠 캡처하기

WebView2를 포함한 Windows Forms 응용 프로그램을 생성하면 사용자가 앱 내에서 인터넷을 탐색할 수 있습니다. 시작하려면 WebView2 컨트롤을 폼에 추가하세요. 이 컨트롤은 폼의 상당 부분을 채워 웹 브라우징을 위한 충분한 공간을 제공해야 합니다. 또한 주소 표시줄 및 버튼과 같은 탐색 컨트롤을 포함하여 완전한 브라우징 경험을 제공합니다.

PDF 변환 기능 추가

폼에 "PDF로 변환"이라고 적힌 버튼을 도입하세요. 이 버튼은 사용자가 현재 보고 있는 웹 페이지를 IronPDF를 사용하여 PDF 문서로 변환하기 위한 트리거가 될 것입니다.

NuGet 패키지 관리자를 사용하여 설치

NuGet 패키지 관리자를 사용하여 WebView2 프로젝트에 IronPDF를 통합하려면 다음 단계를 따르십시오:

1. Visual Studio를 열고 솔루션 탐색기에서 프로젝트를 마우스 오른쪽 버튼으로 클릭하십시오.
2. 컨텍스트 메뉴에서 "NuGet 패키지 관리..."를 선택하십시오.
3. 검색 탭으로 이동하여 IronPDF를 검색하세요.
4. 검색 결과에서 IronPDF 라이브러리를 선택하고 설치 버튼을 클릭하세요.
5. 모든 라이선스 동의 메시지를 수락하세요.

프로젝트에 IronPDF를 포함시키려면 패키지 관리자 콘솔에서 다음 명령을 실행하세요:

Install-Package IronPdf

이는 프로젝트에 IronPDF를 가져와 설치합니다.

NuGet 웹사이트를 통한 설치

기능, 호환성, 추가 다운로드 옵션을 포함한 IronPDF의 자세한 개요는 NuGet 웹사이트의 IronPDF 페이지 https://www.nuget.org/packages/IronPdf를 방문하세요.

DLL을 통한 설치

또는, IronPDF의 DLL 파일을 사용하여 프로젝트에 직접 통합할 수 있습니다. 이 DLL 다운로드 페이지에서 DLL이 포함된 ZIP 파일을 다운로드하세요. 압축을 풀고, DLL을 프로젝트에 포함하세요.

변환 로직 구현

사용자가 'PDF로 변환' 버튼을 클릭하면, 애플리케이션은 WebView2 컨트롤에 표시된 URL 또는 HTML 콘텐츠를 캡처해야 합니다. IronPDF의 기능을 활용하여 이 웹 콘텐츠를 PDF로 변환하세요. 다음은 샘플 접근 방식입니다:

1. 현재 콘텐츠 캡처: 사용자가 변환을 시작할 때 WebView2 컨트롤의 현재 콘텐츠를 가져옵니다. 이는 URL일 수도 있고 직접적인 HTML 콘텐츠일 수도 있습니다.
2. IronPDF로 PDF 생성: 캡처한 웹 콘텐츠를 사용하여 IronPDF로 PDF를 만드세요. RenderUrlAsPdf 메서드는 ChromePdfRenderer의 현재 웹페이지를 PDF 문서로 렌더링할 수 있습니다.
3. 저장 및 알림: 생성된 PDF를 미리 정의된 위치에 저장하거나 사용자에게 저장 위치를 선택하도록 요청합니다. PDF가 저장되면, 성공적인 변환을 사용자가 알 수 있도록 메세지 상자 등을 통해 알리세요.

private void ConvertToPdfButton_Click(object sender, EventArgs e)
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString());
    pdf.SaveAs("ConvertedWebPage.pdf");
    MessageBox.Show("PDF conversion successful!");
}

private void ConvertToPdfButton_Click(object sender, EventArgs e)
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString());
    pdf.SaveAs("ConvertedWebPage.pdf");
    MessageBox.Show("PDF conversion successful!");
}

Private Sub ConvertToPdfButton_Click(ByVal sender As Object, ByVal e As EventArgs)
	Dim renderer = New IronPdf.ChromePdfRenderer()
	Dim pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString())
	pdf.SaveAs("ConvertedWebPage.pdf")
	MessageBox.Show("PDF conversion successful!")
End Sub

다음은 UI 출력입니다:

변환 버튼을 클릭하면 웹이 PDF로 변환되고 다음과 같은 메시지 상자가 표시됩니다: