USO DE IRONBARCODE

Cómo generar un código QR en Blazor

Jordi Bardia
Jordi Bardia
6 de junio, 2023
Compartir:

Este artículo muestra cómo los desarrolladores pueden utilizar la biblioteca IronBarcode para crear códigos QR en proyectos C#.

IronBarcode - C#

IronBarcode es una biblioteca de códigos de barras y códigos QR para C# que te permite leer y generar códigos de barras y códigos QR fácilmente en cualquier aplicación .NET C#. Prioriza la velocidad, la precisión y la facilidad de uso de C#

IronBarcode es una biblioteca fácil de usar que permite a los desarrolladores añadir, leer y aplicar estilo a los códigos QR en proyectos C#, normalmente en cuestión de minutos. Permite a los desarrolladores crear códigos QR en formatos como Aztec, Data Matrix, MaxiCode. IronBarcode ofrece diferentes tipos de códigos de barras, por ejemplo, Código 39, Código 128, RSS14, etc.

IronBarcode es compatible con todos los lenguajes .NET Framework, es decir, C#, F# y VB.NET. Es compatible con todas las plataformas .NET enumeradas a continuación:

  • .NET 7, 6 Y 5
  • .NET Core 2x y 3x
  • .NET Estándar 2
  • .NET Framework 4.6.2+

¿Cómo generar un código QR en una aplicación de servidor Blazor?

Requisitos previos

Para crear códigos QR en aplicaciones web Blazor en C#, necesitamos los siguientes componentes:

  1. Visual Studio - Es un Entorno de Desarrollo Integrado (IDE) utilizado para el desarrollo en C#. Se puede descargar desde el sitio web de Visual Studio. O puede utilizar cualquier otro IDE compatible con C#

  2. Aplicación de servidor Blazor: Crear una aplicación de servidor Blazor es la tarea principal. Siga los pasos que se indican a continuación para crear una aplicación web con servidor Blazor.

    • Abra su IDE o Visual Studio. Haga clic en Crear un nuevo proyecto.

    Cómo generar un código QR en Blazor: Figura 1

    • Elija Blazor Server App entre las opciones de proyecto disponibles.

    Cómo generar un código QR en Blazor: Figura 2

    • A continuación, establece la ubicación y el nombre de tu proyecto.

    Cómo generar un código QR en Blazor: Figura 3

    • A continuación, establezca la información adicional de su proyecto. Seleccione una versión de .NET Framework adecuada. IronBarcode es compatible con las versiones 2 a 7 de .NET, siendo .NET 7 la más reciente.

    Cómo generar un código QR en Blazor: Figura 4

  3. IronBarcode - La biblioteca de códigos QR y códigos de barras .NET que ayuda a generar y leer diferentes tipos de códigos de barras. A continuación se presentan las diferentes formas de instalar IronBarcode:

  4. Descargue IronBarcode directamente desde el sitio web de NuGet.

  5. Instalar a través de Administrar paquetes NuGet para la solución en las herramientas de Visual Studio o haga clic derecho en el explorador de soluciones para elegir NuGet Package Manager.

  6. Descargue IronBarcode DLL directamente desde el sitio web de Iron Software.

Añadir espacio de nombres IronBarcode

Una vez que todo esté instalado y listo, añada la siguiente referencia de ensamblado al archivo "Imports.razor" de su aplicación de código de barras Blazor:

@using IronBarCode
@using IronBarCode
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'@using IronBarCode
$vbLabelText   $csharpLabel

Cómo generar un código QR en Blazor: Figura 5

Añadir clave de licencia

IronBarcode debe disponer de licencia para su uso en la implantación. Puedes obtener tu clave de licencia de prueba gratuita desde aquí. Añada las siguientes líneas de código al archivo Program.cs:

using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";
using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";
Imports IronBarCode
License.LicenseKey = "YOUR-KEY-HERE"
$vbLabelText   $csharpLabel

Pasos para generar un código QR

Los siguientes pasos ayudarán a generar códigos QR de la mejor manera posible en la aplicación Blazor Server:

Añadir componentes HTML Blazor

En primer lugar, vamos a añadir algo de código HTML a la página "Index.razor". El código consta de algunos encabezados, un campo de entrada y botones.

Utilice el siguiente código para añadir los componentes a la aplicación de código de barras Blazor:

Welcome to Blazor QR Code Generator
Enter the value to Generate QR Code:

Generate QR Code
Generated QR Code:
Welcome to Blazor QR Code Generator
Enter the value to Generate QR Code:

Generate QR Code
Generated QR Code:
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'Welcome @to Blazor QR Code Generator Enter the value @to Generate QR Code: Generate QR Code Generated QR Code:
$vbLabelText   $csharpLabel

El resultado es el siguiente:

¡Cómo generar un código QR en Blazor: Figura 6

El campo de texto se utiliza para obtener la entrada del usuario, y el botón de generar llamará al método onclick para crear un código QR. El código QR creado aparecerá bajo el título "Código QR generado:". Ahora, vamos a crear el método QRCodeGenerater.

Crear el método QrCodeGenerator

Es hora de utilizar la potente biblioteca IronBarcode de Visual Studio para generar códigos QR. La sección @code se agrega a la página "Index.razor". Veamos primero el código completo a continuación:

@code {
    private string qrCode = "";
    private string text = "";

    private void QRCodeGenerator()
    {
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}
@code {
    private string qrCode = "";
    private string text = "";

    private void QRCodeGenerator()
    {
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}
code
If True Then
	private String qrCode = ""
	private String text = ""

'INSTANT VB TODO TASK: Local functions are not converted by Instant VB:
'	private void QRCodeGenerator()
'	{
'		GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
'		qrCode = Convert.ToString(myQRCode.ToHtmlTag());
'	}
End If
$vbLabelText   $csharpLabel

En el código anterior, hay dos variables privadas de cadena. qrCode mostrará el código QR generado, y el texto obtendrá la entrada del usuario desde el campo de entrada. Luego, en el método QRCodeGenerator, myQRCode se crea utilizando el método CreateQrCode de la clase QRCodeWriter. El método CreateQrCode proporciona varios parámetros para mejorar la salida del código. Puedes personalizar el tamaño del código QR, establecer palabras de corrección de errores para mantener el nivel de corrección de errores y cambiar el QrVersion. El código siguiente le ayuda a trabajar también con otros parámetros:

QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)
QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)
$vbLabelText   $csharpLabel

Finalmente, el código de barras Blazor generado se convierte en una etiqueta HTML y luego en una cadena qrCode.

Obtenga más detalles sobre las características de IronBarcode en esta página de ejemplos de código.

Visualización en la página de inicio de la aplicación Blazor Server

Agrega el siguiente código en los componentes HTML de la página "Index.razor", después del encabezado H4 para mostrar qrCode:

@((MarkupString)qrCode)
@((MarkupString)qrCode)
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'@((MarkupString)qrCode)
$vbLabelText   $csharpLabel

Guardar como archivo PNG

También puede guardarlo en un archivo PNG usando el método SaveAsPng:

myQRCode.SaveAsPng("myQRCode.png");
myQRCode.SaveAsPng("myQRCode.png");
myQRCode.SaveAsPng("myQRCode.png")
$vbLabelText   $csharpLabel

Cómo generar un código QR en Blazor: Figura 7

Generar código QR al cargar la página

También puede crear un código QR al cargar la página y mostrarlo para que los usuarios escaneen los datos. El siguiente código le ayuda a realizar esta tarea de forma asíncrona:

@((MarkupString)qrCode)

@code {
    private string qrCode = "";
    protected override async Task OnInitializedAsync()
    {
        await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
    }
}
@((MarkupString)qrCode)

@code {
    private string qrCode = "";
    protected override async Task OnInitializedAsync()
    {
        await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
    }
}
'INSTANT VB WARNING: The following constructor is declared outside of its associated class:
'ORIGINAL LINE: @((MarkupString)qrCode) @code
Private Sub New(ByVal qrCode As (MarkupString))
	private String qrCode = ""
'INSTANT VB TODO TASK: Local functions are not converted by Instant VB:
'	protected override async Task OnInitializedAsync()
'	{
'		await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
'	}
End Sub
$vbLabelText   $csharpLabel

Cómo Generar un Código QR en Blazor: Figura 8

Resumen

En este artículo, aprendimos a generar códigos QR en la aplicación Blazor Server utilizando IronBarcode en C#. IronBarcode es una librería flexible y proporciona todos los métodos y soporte necesarios para las aplicaciones Blazor.

IronBarcode convierte fácilmente texto plano, imágenes, vídeos o cualquier otro dato en códigos QR. Puede controlar el tamaño del código, los niveles de corrección de errores y su versión. Puede utilizar IronBarcode para escanear códigos de barras en aplicaciones Blazor. Un ejemplo completo está aquí.

IronBarcode es gratis para desarrollo pero debe estar licenciado para fines comerciales y de implementación. Puedes probar la prueba gratuita para probar toda su funcionalidad.

Jordi Bardia
Ingeniero de software
Jordi es más competente en Python, C# y C++, cuando no está aprovechando sus habilidades en Iron Software; está programando juegos. Compartiendo responsabilidades en las pruebas de productos, el desarrollo de productos y la investigación, Jordi añade un inmenso valor a la mejora continua de los productos. La variada experiencia le mantiene desafiado y comprometido, y dice que es uno de sus aspectos favoritos de trabajar con Iron Software. Jordi creció en Miami, Florida, y estudió Informática y Estadística en la Universidad de Florida.
< ANTERIOR
Cómo generar códigos QR en ASP.NET MVC
SIGUIENTE >
Cómo generar código QR en .NET MAUI