Icône de message
Passer au contenu du pied de page
  1. IronPDF
  2. Blog IronPDF
  3. .NET Aide
  4. Exemple Webview2 C#
.NET AIDE

Exemple Webview2 C# (Comment ça fonctionne pour les développeurs)

Curtis Chau
Curtis Chau
Mis à jour:

WebView2, la dernière itération de la technologie de vue web de Microsoft, est basée sur le moteur Chromium, le même moteur qui alimente le populaire navigateur Microsoft Edge. La distribution de version fixe permet aux développeurs C# d'intégrer des technologies web telles que le Hyper Text Markup Language, CSS et JavaScript directement dans leurs applications natives. Cette intégration ouvre un monde de possibilités, allant de l'affichage de contenu dynamique à la création d'interfaces utilisateur complexes.

Présentation d'IronPDF offre la capacité de générer, manipuler et rendre des documents PDF au sein des applications C#. Que ce soit pour convertir du contenu en ligne en PDFs ou créer des documents à partir de zéro, IronPDF propose une approche simple pour gérer les PDFs aux côtés des données et interfaces basées sur le web.

Ce tutoriel vous guidera à travers l'intégration de WebView2 et IronPDF dans une application C#. De la configuration de base aux fonctionnalités avancées, nous explorerons comment ces outils peuvent être utilisés ensemble pour améliorer les capacités de votre application.

Introduction à WebView2

WebView2, alimenté par le navigateur Microsoft Edge basé sur Chromium, représente une avancée significative dans l'intégration de contenu web au sein des applications C#. Cette technologie permet aux développeurs d'incorporer tout le spectre du web moderne dans leurs applications Windows, offrant des performances, une compatibilité et des fonctionnalités améliorées.

L'Avantage de Chromium Edge

Basé sur Chromium : Exploitant le même moteur que Microsoft Edge, WebView2 offre un rendu plus cohérent et fiable du contenu web par rapport aux anciens contrôles de vue web.

Normes Web Modernes : Avec le support des dernières normes web, les développeurs peuvent s'assurer que le contenu web dans leurs applications Windows reste à jour avec les technologies web actuelles.

Commencer avec WebView2

Configurer WebView2 dans des Projets C

Intégrer WebView2 dans un projet C# est un processus simple. Cela implique d'ajouter le SDK WebView2 via NuGet, le gestionnaire de paquets de Microsoft pour .NET. Ce SDK fournit les bibliothèques et outils nécessaires pour intégrer du contenu web dans vos applications en utilisant WebView2.

Exemple Webview2 en C# (Comment ça fonctionne pour les développeurs) : Figure 1 - WebView2

Implémentation de WebView2 dans Windows Forms et WPF

WebView2 peut être utilisé dans différents types d'applications C#, y compris les Windows Forms (WinForms) et la Windows Presentation Foundation (WPF). Chaque framework a ses nuances en termes d'implémentation, mais le concept principal reste le même : WebView2 agit comme un conteneur pour le contenu web au sein de votre application.

Un Exemple Basique de Chargement de Contenu Web

Une fois WebView2 configuré, vous pouvez commencer à charger des pages web dans votre application. Cela peut être aussi simple que de définir l'URL source pour afficher une page web. Voici un exemple de base pour vous lancer :

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
$vbLabelText   $csharpLabel

Dans cet extrait de code, une nouvelle instance de WebView2 est créée, et le site web d'IronPDF est chargé dedans. Cela illustre comment WebView2 peut être utilisé pour rendre des pages web au sein d'une application C#.

Exemple Webview2 en C# (Comment ça fonctionne pour les développeurs) : Figure 2 - IronPDF

Intégrer du Contenu Web Basique

Affichage de HTML, CSS et JS dans WebView2

WebView2 permet aux applications C# d'intégrer et afficher du contenu web standard. Cela inclut des pages HTML, des feuilles de style en cascade pour le style, et JavaScript pour l'interactivité. Les fonctions de contrôle sont similaires à un navigateur web intégré dans votre application, rendant le contenu web tel qu'il apparaîtrait dans Microsoft Edge.

Charger des Pages Web dans WebView2

La fonction principale de WebView2 est de charger et d'afficher des pages web. Cela est réalisé en spécifiant une URL ou en chargeant directement du contenu HTML. Par exemple :

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
$vbLabelText   $csharpLabel

Ce code navigue le contrôle WebView2 vers une page web spécifiée, l'affichant au sein de l'application.

Interagir avec JavaScript

WebView2 permet des interactions avec JavaScript au sein du contenu web intégré. Cela signifie que vous pouvez exécuter du code JavaScript depuis votre application C# et vice versa, permettant des mises à jour dynamiques de contenu et des interfaces utilisateur réactives.

Personnaliser l'Expérience Web

Avec WebView2, vous avez le contrôle sur la façon dont le contenu web est affiché et pouvez personnaliser divers aspects, tels que la taille, la visibilité et les paramètres d'interaction utilisateur. Cette personnalisation rend possible l'intégration du contenu web de manière transparente dans l'interface utilisateur native de votre application.

Intégrer WebView2 et IronPDF

IronPDF se spécialise dans la conversion de HTML en PDF, en préservant les mises en page et styles originaux avec précision. Cette capacité est particulièrement utile pour générer des PDFs à partir de contenu web tel que des rapports, des factures et de la documentation. Il supporte la conversion de fichiers HTML, d'URLs et même de chaînes HTML brutes en fichiers PDF de haute qualité.

using IronPdf;

class PdfConversionExample
{
    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 PdfConversionExample
{
    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 PdfConversionExample
	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
$vbLabelText   $csharpLabel

Utiliser WebView2 et IronPDF Ensemble

La combinaison de WebView2 et IronPDF dans un projet C# ouvre des possibilités passionnantes. Bien que WebView2 soit excellent pour afficher et interagir avec le contenu web, IronPDF excelle dans la conversion de ce contenu au format PDF. Cette intégration permet aux développeurs de créer des applications qui non seulement affichent du contenu web mais fournissent également des fonctionnalités pour convertir du contenu web en documents PDF.

Saisir le Contenu WebView2 avec IronPDF

Créer une application Windows Forms qui inclut WebView2 permet aux utilisateurs de naviguer sur internet au sein de votre application. Commencez par ajouter un contrôle WebView2 à votre formulaire. Ce contrôle devrait occuper une partie significative du formulaire, offrant un espace suffisant pour la navigation web. En outre, incluez des contrôles de navigation comme des barres d'adresse et des boutons pour une expérience de navigation complète.

Ajouter la Fonctionnalité de Conversion en PDF

Introduisez un bouton sur votre formulaire intitulé "Convertir en PDF". Ce bouton sera le déclencheur pour les utilisateurs pour convertir la page web actuellement vue en un document PDF en utilisant IronPDF.

Installer la bibliothèque IronPDF

Installer en utilisant le Gestionnaire de Packages NuGet

Pour intégrer IronPDF dans votre projet WebView2 via le gestionnaire de paquets NuGet, suivez ces étapes :

  1. Ouvrez Visual Studio et dans l'explorateur de solutions, faites un clic droit sur votre projet.
  2. Choisissez "Gérer les packages NuGet..." dans le menu contextuel.
  3. Allez dans l'onglet de recherche et recherchez IronPDF.
  4. Sélectionnez la bibliothèque IronPDF dans les résultats de recherche et cliquez sur le bouton d'installation.
  5. Acceptez tout accord de licence s'il y en a.

Si vous souhaitez inclure IronPDF dans votre projet via la console du gestionnaire de paquets, exécutez la commande suivante dans la console du gestionnaire de paquets :

Install-Package IronPdf

Cela récupérera et installera IronPDF dans votre projet.

Installer en utilisant le site NuGet

Pour une vue d'ensemble détaillée d'IronPDF, y compris ses fonctionnalités, compatibilités, et autres options de téléchargement, visitez la page IronPDF sur le site NuGet à https://www.nuget.org/packages/IronPdf.

Installer via DLL

Alternativement, vous pouvez incorporer IronPDF directement dans votre projet en utilisant son fichier DLL. Téléchargez le fichier ZIP contenant le DLL depuis cette page de téléchargement du DLL. Décompressez-le, et incluez le DLL dans votre projet.

Implémenter la Logique de Conversion

Lorsque l'utilisateur clique sur le bouton "Convertir en PDF", votre application devrait capturer l'URL ou le contenu HTML affiché dans le contrôle WebView2. Utilisez les capacités d'IronPDF pour convertir ce contenu web en PDF. Voici une approche d'exemple :

  1. Saisir le Contenu Actuel : Lorsque l'utilisateur initie la conversion, récupérez le contenu actuel du contrôle WebView2. Cela pourrait être l'URL ou directement le contenu HTML.
  2. Générer un PDF avec IronPDF : Utilisez IronPDF pour créer un PDF à partir du contenu web capturé. La méthode RenderUrlAsPdf de ChromePdfRenderer peut rendre la page web actuelle en un document PDF.
  3. Enregistrer et Notifier : Sauvegardez le PDF généré à un emplacement prédéfini ou invitez l'utilisateur à choisir un emplacement de sauvegarde. Après que le PDF soit enregistré, notifiez l'utilisateur de la conversion réussie, possiblement via une boîte de dialogue.
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
$vbLabelText   $csharpLabel

Voici le rendu de l'interface utilisateur :

Exemple Webview2 en C# (Comment ça fonctionne pour les développeurs) : Figure 3 - Conversion de page web en PDF

Lorsque vous cliquez sur le bouton Convertir, cela convertira le web en PDF et affichera la boîte de message suivante :

Exemple Webview2 en C# (Comment ça fonctionne pour les développeurs) : Figure 4 - Confirmation de Conversion

Conclusion

Exemple Webview2 en C# (Comment ça fonctionne pour les développeurs) : Figure 5 - Licence

Alors que nous concluons notre exploration de WebView2 et IronPDF dans le domaine du développement C#, il apparaît clairement que la synergie entre ces deux technologies offre un riche ensemble de capacités pour créer des applications dynamiques et polyvalentes.

En intégrant WebView2, vous pouvez intégrer des technologies web avancées directement dans vos applications C#, améliorant leur fonctionnalité et leur expérience utilisateur. IronPDF complète cela en fournissant les outils pour convertir ces interfaces et contenus basés sur le web en documents PDF accessibles, idéaux pour les rapports, la documentation et le partage de données.

Découvrez le plein potentiel d'IronPDF avec une version d'essai gratuite d'IronPDF et débloquez la gamme complète de fonctionnalités avec des licences à partir de $799.

Questions Fréquemment Posées

Qu'est-ce que WebView2 et pourquoi est-il important pour les développeurs C#?

WebView2 est la dernière technologie de vue Web de Microsoft, basée sur le moteur Chromium. Il permet aux développeurs C# d'intégrer des technologies Web comme HTML, CSS et JavaScript dans leurs applications, permettant ainsi la création de contenu dynamique et d'interfaces utilisateur complexes.

Comment puis-je intégrer WebView2 dans une application C#?

Pour intégrer WebView2 dans une application C#, vous devez ajouter le SDK WebView2 via NuGet. Cela fournit les bibliothèques nécessaires pour intégrer du contenu Web dans votre application, que ce soit pour des projets Windows Forms ou WPF.

Comment convertir du contenu HTML affiché dans WebView2 en PDF dans une application C#?

Vous pouvez utiliser IronPDF pour convertir du contenu HTML affiché dans WebView2 en PDF. Capturez le contenu ou l'URL depuis WebView2, puis utilisez les méthodes RenderUrlAsPdf ou RenderHtmlAsPdf d'IronPDF pour le convertir en document PDF.

Quels sont les avantages d'utiliser WebView2 par rapport aux technologies de vue Web traditionnelles en C#?

WebView2 offre des avantages tels que le support des normes Web modernes, un rendu fiable en utilisant le moteur Chromium, et une intégration transparente du contenu Web dans les applications natives, améliorant à la fois la performance et l'expérience utilisateur.

Puis-je utiliser WebView2 dans les applications Windows Forms et WPF?

Oui, WebView2 peut être implémenté dans les applications Windows Forms et WPF, agissant comme un conteneur polyvalent pour le rendu du contenu Web dans ces types d'applications C#.

Comment IronPDF améliore-t-il la fonctionnalité des applications utilisant WebView2?

IronPDF améliore les fonctionnalités en permettant aux applications utilisant WebView2 de convertir le contenu Web affiché en documents PDF. Ceci est utile pour des fonctionnalités telles que les rapports et la génération de documentation directement depuis l'application.

Quelles sont les étapes pour installer IronPDF dans un projet C# à l'aide de NuGet?

Pour installer IronPDF à l'aide de NuGet, ouvrez Visual Studio, faites un clic droit sur votre projet, choisissez 'Gérer les packages NuGet...', recherchez IronPDF et cliquez sur 'Installer'. Alternativement, utilisez la Console du Gestionnaire de Packages avec la commande Install-Package IronPdf.

IronPDF peut-il convertir des URLs en ligne en PDF dans une application C#?

Oui, IronPDF peut convertir des URLs en ligne en documents PDF. Vous pouvez utiliser la méthode RenderUrlAsPdf pour récupérer et convertir la page Web à partir d'une URL en PDF, en préservant sa mise en page et ses styles.

Quel est un exemple simple de chargement de contenu Web dans WebView2 pour C#?

Un exemple simple consiste à créer une nouvelle instance de WebView2, définir sa source sur une URL, puis afficher la page Web dans votre application C#, permettant ainsi du contenu Web intégré.

Comment les développeurs peuvent-ils bénéficier de la combinaison de WebView2 et IronPDF dans leurs applications?

En combinant WebView2 et IronPDF, les développeurs peuvent créer des applications qui affichent du contenu Web et le convertissent en PDF, améliorant des fonctionnalités telles que la gestion de contenu dynamique, le reporting et la génération de documentation.

Curtis Chau
Curtis Chau
  Discutez maintenant avec l'équipe d'ingénierie
Rédacteur technique

Curtis Chau détient un baccalauréat en informatique (Université de Carleton) et se spécialise dans le développement front-end avec expertise en Node.js, TypeScript, JavaScript et React. Passionné par la création d'interfaces utilisateur intuitives et esthétiquement plaisantes, Curtis aime travailler avec des frameworks modernes ...

Lire la suite

Articles connexes

Essai de 30 jours → Produit complet. Pas de limites. Pas de carte. Démarrer l'essai gratuit