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-Based: WebView2は、Microsoft Edgeと同じエンジンを活用することで、従来のWebビューコントロールよりも一貫した信頼性の高いWebコンテンツのレンダリングを提供します。

最新のウェブ標準: 最新のウェブ標準をサポートしているため、開発者はWindowsアプリケーション内のウェブコンテンツが最新のウェブ技術に対応していることを保証できます。

WebView2の使い方を始める

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

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

Windows FormsとWPFでWebView2を実装する

WebView2は、Windows Formsを含むさまざまな種類のC#アプリケーションで利用できます。(WinForms)およびWindowsプレゼンテーション財団(WPF). 各フレームワークには実装において微妙な違いがありますが、基本的な概念は同じです。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の統合

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

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

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

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

DLLを使ってインストール

DLLファイルを使ってIronPDFを直接プロジェクトに組み込むこともできます。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から始まるライセンスで、すべての機能のロックを解除してください。