AYUDA .NET

Webview2 C# Ejemplo (Cómo funciona para los desarrolladores)

Actualizado 4 de enero, 2024
Compartir:

Vista Web2, la última iteración de la tecnología de vista web de Microsoft, se basa en el motor Chromium, el mismo motor que impulsa el popular navegador Microsoft Edge. La distribución de la versión fija permite a los desarrolladores de C# incrustar tecnologías web como Hyper Text Markup Language, CSS y JavaScript directamente en sus aplicaciones nativas. Esta integración abre un mundo de posibilidades, desde la visualización de contenidos dinámicos hasta la creación de complejas interfaces de usuario.

IronPDF proporciona la capacidad de generar, manipular y renderizar documentos PDF dentro de aplicaciones C#. Tanto si se trata de convertir contenidos en línea a PDF como de crear documentos desde cero, IronPDF ofrece un enfoque sencillo para manejar PDF junto con datos e interfaces basados en web.

Este tutorial le guiará a través de la integración de WebView2 y IronPDF en una aplicación C#. Desde la configuración básica hasta las funcionalidades avanzadas, exploraremos cómo estas herramientas se pueden utilizar en tándem para mejorar las capacidades de su aplicación.

Introducción a WebView2

WebView2, que funciona con el navegador Microsoft Edge basado en Chromium, representa un avance significativo en la integración de contenidos web en aplicaciones C#. Esta tecnología permite a los desarrolladores incorporar todo el espectro de la web moderna a sus aplicaciones Windows, ofreciendo un mayor rendimiento, compatibilidad y funcionalidad.

La ventaja de Chromium Edge

Basado en cromo: Aprovechando el mismo motor que Microsoft Edge, WebView2 ofrece una representación más coherente y fiable del contenido web en comparación con los controles de vista web más antiguos.

Estándares web modernos: Gracias a la compatibilidad con los últimos estándares web, los desarrolladores pueden garantizar que el contenido web de sus aplicaciones Windows se mantiene actualizado con las tecnologías web actuales.

Primeros pasos con WebView2

Configuración de WebView2 en C# Proyectos

Integrar WebView2 en un proyecto C# es un proceso sencillo. Se trata de añadir el SDK de WebView2 a través de NuGet, el gestor de paquetes de Microsoft para .NET. Este SDK proporciona las bibliotecas y herramientas necesarias para incrustar contenido web en sus aplicaciones utilizando WebView2.

Webview2 C# Ejemplo (Cómo Funciona Para Desarrolladores): Figura 1 - WebView2

Implementación de WebView2 en Windows Forms y WPF

WebView2 puede utilizarse en diferentes tipos de aplicaciones C#, incluidas Windows Forms (WinForms) y Windows Presentation Foundation (WPF). Cada framework tiene sus matices en términos de implementación, pero el concepto central sigue siendo el mismo: WebView2 actúa como un contenedor para el contenido web dentro de su aplicación.

Ejemplo básico de carga de contenidos web

Una vez configurado WebView2, puede empezar a cargar páginas web en su aplicación. Esto puede ser tan sencillo como configurar la URL de origen para que muestre una página web. He aquí un ejemplo básico para empezar:

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")
VB   C#

En este fragmento de código, se crea una nueva instancia de WebView2 y se carga en ella el sitio web de IronPDF. Esto ilustra como WebView2 puede ser usado para renderizar páginas web dentro de una aplicación C#.

Webview2 C# Ejemplo (Cómo funciona para los desarrolladores): Figura 2 - IronPDF

Incrustación de contenidos web básicos

Visualización de HTML, CSS y JS en WebView2

WebView2 permite a las aplicaciones C# incrustar y mostrar contenido web estándar. Esto incluye páginas HTML, hojas de estilo en cascada para el estilo y JavaScript para la interactividad. Las funciones de control son similares a un navegador web incrustado dentro de su aplicación, renderizando el contenido web tal y como aparecería en Microsoft Edge.

Carga de páginas web en WebView2

La función principal de WebView2 es cargar y mostrar páginas web. Esto se consigue especificando una URL o cargando directamente el contenido HTML. Por ejemplo:

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

Este código navega el control WebView2 a una página web especificada, mostrándola dentro de la aplicación.

Interacción con JavaScript

WebView2 permite interactuar con JavaScript dentro del contenido web incrustado. Esto significa que puede ejecutar código JavaScript desde su aplicación C# y viceversa, lo que permite actualizaciones dinámicas del contenido e interfaces de usuario con capacidad de respuesta.

Personalizar la experiencia web

Con WebView2, usted tiene el control sobre cómo se muestra el contenido web y puede personalizar varios aspectos, como el tamaño, la visibilidad y la configuración de la interacción con el usuario. Esta personalización permite integrar perfectamente el contenido web en la interfaz de usuario nativa de su aplicación.

Integración de WebView2 e IronPDF

Uso conjunto de WebView2 e IronPDF

La combinación de WebView2 e IronPDF en un proyecto C# abre posibilidades apasionantes. Mientras que WebView2 es excelente para visualizar e interactuar con contenidos web, IronPDF destaca en la conversión de estos contenidos al formato PDF. Esta integración permite a los desarrolladores crear aplicaciones que no sólo muestran contenidos web, sino que también proporcionan funcionalidad para convertir estos contenidos en PDF.

Captura de contenidos WebView2 con IronPDF

La creación de una aplicación Windows Forms que incluya WebView2 permite a los usuarios navegar por Internet dentro de su aplicación. Empiece añadiendo un control WebView2 a su formulario. Este control debe ocupar una parte significativa del formulario, proporcionando un amplio espacio para la navegación web. Además, incluya controles de navegación como barras de direcciones y botones para una experiencia de navegación completa.

Añadir la función de conversión a PDF

Introduzca un botón en su formulario llamado "Convertir a PDF". Este botón será el desencadenante para que los usuarios conviertan la página web visualizada en ese momento en un documento PDF utilizando IronPDF.

Instalar la biblioteca IronPDF

Biblioteca NuGet C# para PDF

Instalar con NuGet

Install-Package IronPdf
o
Java PDF JAR

Descargar DLL

Descargar DLL

Instalar manualmente en su proyecto

Instalación mediante el gestor de paquetes NuGet

Para integrar IronPDF en su proyecto WebView2 utilizando el gestor de paquetes NuGet, siga estos pasos:

  1. Abra Visual Studio y, en el explorador de soluciones, haga clic con el botón derecho del ratón en su proyecto.
  2. Seleccione "Gestionar paquetes NuGet..." en el menú contextual.
  3. Vaya a la pestaña Examinar y busque IronPDF.
  4. Seleccione la biblioteca IronPDF en los resultados de la búsqueda y haga clic en el botón Instalar.
  5. Acepte cualquier solicitud de acuerdo de licencia.

    Si desea incluir IronPDF en su proyecto a través de la consola del gestor de paquetes, ejecute el siguiente comando en la consola del gestor de paquetes:

Install-Package IronPdf

Buscará e instalará IronPDF en su proyecto.

Instalación mediante el sitio web de NuGet

Para obtener una descripción detallada de IronPDF, incluidas sus características, compatibilidad y opciones de descarga adicionales, visite la página de IronPDF en el sitio web de NuGet en https://www.nuget.org/packages/IronPdf.

Instalar mediante DLL

Como alternativa, puede incorporar IronPDF directamente a su proyecto utilizando su archivo dll. Descargue el archivo ZIP que contiene la DLL desde aquí enlace. Descomprímelo e incluye la DLL en tu proyecto.

Aplicación de la lógica de conversión

Cuando el usuario hace clic en el botón "Convertir a PDF", su aplicación debe capturar la URL o el contenido HTML mostrado en el control WebView2. Utilice las capacidades de IronPDF para convertir este contenido web en un PDF. He aquí un ejemplo de enfoque:

  1. Capturar el contenido actual: Cuando el usuario inicia la conversión, obtiene el contenido actual del control WebView2. Puede ser la URL o directamente el contenido HTML.
  2. Generar PDF con IronPDF: Utilice IronPDF para crear un PDF a partir del contenido web capturado. La clase HtmlToPdf puede convertir la página web actual en un documento PDF.
  3. Guardar y notificar: Guarda el PDF generado en una ubicación predefinida o pide al usuario que elija una ubicación para guardarlo. Una vez guardado el PDF, notifique al usuario que la conversión se ha realizado correctamente, posiblemente a través de un cuadro de mensaje.
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
VB   C#

Este es el resultado de la interfaz de usuario:

Webview2 C# Ejemplo (Cómo funciona para desarrolladores): Figura 3 - Conversión de página web a PDF

Al hacer clic en el botón Convertir, convertirá la web en PDF y mostrará el siguiente cuadro de mensaje:

Webview2 C# Ejemplo (Cómo funciona para los desarrolladores): Figura 4 - Confirmación de conversión

Conclusión

Webview2 C# Ejemplo (Cómo funciona para desarrolladores): Figura 5 - Licencia

A medida que concluimos nuestra exploración de WebView2 e IronPDF en el ámbito del desarrollo en C#, queda claro que la sinergia entre estas dos tecnologías ofrece un rico conjunto de capacidades para crear aplicaciones dinámicas y versátiles.

Mediante la integración de WebView2, puede integrar tecnologías web avanzadas directamente en sus aplicaciones C#, mejorando su funcionalidad y experiencia de usuario. IronPDF complementa esto proporcionando las herramientas para convertir estas interfaces y contenidos basados en la web en documentos PDF accesibles, ideales para la elaboración de informes, la documentación y el intercambio de datos.

Experimente todo el potencial de IronPDF con un prueba gratuita para todos y desbloquee la gama completa de funciones con licencias a partir de $749.

< ANTERIOR
C# String Split (Cómo funciona para desarrolladores)
SIGUIENTE >
Fluent Assertions C# (Cómo funciona para los desarrolladores)

¿Listo para empezar? Versión: 2024.6 recién publicada

Comenzar prueba gratuita Descargas totales: 9,661,997
Ver licencias >