Webview2 C#の例（開発者向けの動作方法）

WebView2は、Microsoftの最新のウェブビュー技術であり、人気のあるMicrosoft Edgeブラウザを駆動するのと同じChromiumエンジンに基づいています。 修正版のディストリビューションにより、C# 開発者は Hyper Text Markup Language、CSS、JavaScript などのウェブ技術をネイティブアプリケーションに直接埋め込むことができます。 この統合により、動的コンテンツの表示から複雑なユーザーインターフェースの構築まで、さまざまな可能性が広がります。

IronPDF 概要は、C#アプリケーション内でPDFドキュメントを生成、操作、レンダリングする機能を提供します。 オンラインコンテンツをPDFに変換する場合でも、一からドキュメントを作成する場合でも、IronPDFはPDFをウェブベースのデータやインターフェースと一緒に扱うための簡単なアプローチを提供します。

このチュートリアルではC#アプリにおけるWebView2とIronPDFの統合について説明します。基本的なセットアップから高度な機能まで、アプリケーションの機能を強化するためにこれらのツールをどのように併用できるかを探ります。

WebView2の紹介

Chromium ベースの Microsoft Edge ブラウザによって駆動される WebView2 は、C# アプリケーション内にウェブコンテンツを埋め込む上で大きな進歩を示しています。 この技術により、開発者は最新のウェブ全体をWindowsアプリケーションに統合し、性能の向上、互換性、および機能性を提供することができます。

クロミウムエッジの利点

Chromiumベース: WebView2はMicrosoft Edgeと同じエンジンを活用し、従来のウェブビューコントロールと比較して、より一貫性のある信頼性の高いウェブコンテンツのレンダリングを提供します。

モダンなウェブ標準：最新のウェブ標準をサポートすることで、開発者はWindowsアプリケーションのウェブコンテンツが現在のウェブ技術で最新の状態を維持できるようにします。

WebView2の使い方を始める

C#プロジェクトでのWebView2セットアップ

WebView2をC#プロジェクトに統合するのは簡単なプロセスです。 それには、NuGet（.NET用のマイクロソフトのパッケージマネージャー）を通じてWebView2 SDKを追加することが含まれます。 このSDKは、WebView2を使用してアプリケーションにウェブコンテンツを埋め込むために必要なライブラリとツールを提供します。

Windows FormsとWPFでWebView2を実装する

WebView2は、Windows Forms (WinForms) や Windows Presentation Foundation (WPF) を含むさまざまなタイプのC#アプリケーションで利用できます。 各フレームワークには実装において微妙な違いがありますが、基本的な概念は同じです。WebView2は、アプリケーション内でウェブコンテンツのコンテナーとして機能します。

ウェブコンテンツをロードする基本例

WebView2のセットアップが完了したら、アプリケーションにウェブページをロードし始めることができます。 これは、ソースURLを設定してウェブページを表示するだけで簡単にできます。 ここに基本的な例がありますので、始めてみましょう。

var webView = new WebView2();
webView.Source = new Uri("https://www.ironpdf.com");

var webView = new WebView2();
webView.Source = new Uri("https://www.ironpdf.com");

Dim webView = New WebView2()
webView.Source = New Uri("https://www.ironpdf.com")

このコードスニペットでは、WebView2 の新しいインスタンスが作成され、IronPDFのウェブサイトが読み込まれます。 これにより、C#アプリケーション内でWebページをレンダリングするためにWebView2をどのように使用できるかを示します。

基本的なウェブコンテンツの埋め込み

WebView2でHTML、CSS、およびJSを表示

WebView2を使用すると、C#アプリケーションに標準的なウェブコンテンツを埋め込んで表示することができます。 これには、スタイリング用のCascading Style Sheetsや、インタラクティブのためのJavaScriptを含むHTMLページが含まれます。 制御機能は、Microsoft Edgeで表示されるようにウェブコンテンツをレンダリングする、アプリケーション内に埋め込まれたウェブブラウザと類似しています。

WebView2でウェブページを読み込む

WebView2の主な機能は、ウェブページを読み込み表示することです。 これは、URLを指定するかHTMLコンテンツを直接読み込むことによって実現されます。 例えば：

webView.CoreWebView2.Navigate("https://www.ironpdf.com");

webView.CoreWebView2.Navigate("https://www.ironpdf.com");

webView.CoreWebView2.Navigate("https://www.ironpdf.com")

このコードはWebView2コントロールを特定のウェブページにナビゲートし、アプリケーション内に表示します。

JavaScriptとの対話

WebView2は、埋め込まれたウェブコンテンツ内でJavaScriptとやり取りすることができます。 これにより、C#アプリケーションからJavaScriptコードを実行したり、その逆も可能になります。これにより、動的なコンテンツの更新やレスポンシブなユーザーインターフェースが実現できます。

ウェブ体験のカスタマイズ

WebView2を使用すると、ウェブコンテンツの表示方法を制御でき、サイズ、可視性、ユーザーインタラクション設定など、さまざまな側面をカスタマイズすることができます。 このカスタマイズにより、ウェブコンテンツをアプリケーションのネイティブユーザーインターフェイスにシームレスに統合することが可能になります。

WebView2とIronPDFの統合

IronPDFは、元のレイアウトとスタイルを正確に保持しながら、HTMLをPDFに変換することを専門としています。 この機能は、レポート、請求書、ドキュメントなどのウェブベースのコンテンツからPDFを生成するのに特に役立ちます。 HTMLファイル、URL、さらには生のHTML文字列を高品質なPDFファイルに変換することをサポートしています。

using IronPdf;

class Program
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // 1. Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // 2. Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // 3. Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}

using IronPdf;

class Program
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // 1. Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // 2. Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // 3. Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}

Imports IronPdf

Friend Class Program
	Shared Sub Main(ByVal args() As String)
		Dim renderer = New ChromePdfRenderer()

		' 1. Convert HTML String to PDF
		Dim htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>"
		Dim pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent)
		pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf")

		' 2. Convert HTML File to PDF
		Dim htmlFilePath = "path_to_your_html_file.html" ' Specify the path to your HTML file
		Dim pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath)
		pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf")

		' 3. Convert URL to PDF
		Dim url = "http://ironpdf.com" ' Specify the URL
		Dim pdfFromUrl = renderer.RenderUrlAsPdf(url)
		pdfFromUrl.SaveAs("URLToPDF.pdf")
	End Sub
End Class

WebView2とIronPDFの併用

C#プロジェクトにおけるWebView2とIronPDFの組み合わせは、エキサイティングな可能性を広げます。 WebView2はウェブコンテンツの表示とインタラクションに非常に優れていますが、IronPDFはこのコンテンツをPDF形式に変換することに優れています。 この統合により、開発者はウェブコンテンツを表示するだけでなく、ウェブコンテンツをPDFドキュメントに変換する機能を提供するアプリケーションを作成できます。

IronPDFを使用したWebView2コンテンツのキャプチャ

WebView2を含むWindowsフォームアプリケーションを作成すると、ユーザーはアプリ内でインターネットを閲覧できるようになります。まず、フォームにWebView2コントロールを追加します。 このコントロールはフォームの大部分を占め、ウェブ閲覧のために十分なスペースを提供する必要があります。 さらに、完全なブラウジング体験のためにアドレスバーやボタンなどのナビゲーションコントロールを含めます。

PDF変換機能の追加

フォームに「PDFに変換」というラベルの付いたボタンを導入します。このボタンは、ユーザーが現在表示されているウェブページをIronPDFを使用してPDFドキュメントに変換するためのトリガーとなります。

IronPDFライブラリのインストール

NuGet パッケージマネージャーを使用してインストール

NuGetパッケージマネージャを使ってIronPDFをWebView2プロジェクトに統合するには、以下の手順に従ってください：

1. Visual Studioを開き、ソリューション・エクスプローラーでプロジェクトを右クリックします。

2. コンテキストメニューから「NuGetパッケージの管理...」を選択してください。

3. ブラウズタブに移動し、IronPDFを検索してください。

4. 検索結果からIronPDFライブラリを選択し、インストールボタンをクリックしてください。

5. ライセンス契約のプロンプトをすべて受け入れます。

   IronPDFをパッケージマネージャーコンソールからプロジェクトに組み込みたい場合は、パッケージマネージャーコンソールで以下のコマンドを実行してください：

Install-Package IronPdf

Install-Package IronPdf

それは、プロジェクトにIronPDFを取得してインストールします。

NuGetウェブサイトを使用してインストール

IronPDFの機能、互換性、その他のダウンロードオプションに関する詳細な概要については、NuGetウェブサイトのIronPDFページ https://www.nuget.org/packages/IronPdf をご覧ください。

DLLを使ってインストール

あるいは、IronPDFをそのDLLファイルを使用してプロジェクトに直接組み込むことができます。DLLを含むZIPファイルをこのDLLダウンロードページからダウンロードします。 解凍して、プロジェクトにDLLを含めてください。

変換ロジックの実装

ユーザーが「Convert to PDF」ボタンをクリックすると、アプリケーションはWebView2コントロールに表示されているURLまたはHTMLコンテンツをキャプチャする必要があります。 IronPDFの機能を利用して、このウェブコンテンツをPDFに変換します。 以下はサンプルアプローチです：

1. 現在のコンテンツをキャプチャ: ユーザーが変換を開始すると、WebView2コントロールから現在のコンテンツを取得します。 これはURLまたは直接HTMLコンテンツです。

2. IronPDFでPDFを生成：IronPDFを使用して、キャプチャしたウェブコンテンツからPDFを作成します。 HtmlToPdf クラスは現在のウェブページを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に変換され、次のメッセージボックスが表示されます:

結論

WebView2とIronPDFのC#開発における探求を締めくくるにあたり、これら二つの技術が提供するシナジーが、動的で多用途なアプリケーションを作成するための豊富な機能セットを提供することは明らかです。

WebView2を統合することで、C#アプリケーションに高度なウェブ技術を直接埋め込み、その機能とユーザー体験を向上させることができます。 IronPDFは、これらのウェブベースのインターフェースやコンテンツをアクセス可能なPDFドキュメントに変換するツールを提供し、レポート、ドキュメント作成、データ共有に最適です。

IronPDFの無料体験版を利用して、IronPDFの可能性を最大限に引き出し、ライセンスは$749からご利用いただけます。