Cómo generar un código QR en Blazor

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 librería C# de códigos de barras y códigos QR que le 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 o superior

¿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#. Puede descargarse de la página Sitio web de Visual Studio. O puede utilizar cualquier otro IDE compatible con C#

2. **Creación de la aplicación Blazor Server 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.

     

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

     

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

     

   • 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.

     

3. IronBarcode - La librería .NET de códigos QR y códigos de barras 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. Descarga directa IronBarcode desde NuGet Web site.
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. Descargar 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

Añadir clave de licencia

IronBarcode debe disponer de licencia para su uso en la implantación. Puede obtener su clave de licencia de prueba gratuita en 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"

Pasos para generar un código QR

Los siguientes pasos le ayudarán 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:

El resultado es el siguiente:

El campo de texto se utiliza para obtener la entrada del usuario, y el botón 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. Se añade la sección @code 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

En el código anterior, hay dos variables privadas de cadena. qrCode mostrará el código QR generado, y text obtendrá la entrada del usuario desde el campo de entrada. A continuación, en el método QRCodeGenerator, se crea myQRCode utilizando el método CreateQrCode de la clase QRCodeWriter. El método CreateQrCode proporciona varios parámetros para mejorar la salida del código. Puede personalizar el tamaño del código QR, establecer palabras de código de corrección de errores para mantener el nivel de corrección de errores y cambiar la 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)

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

Obtenga más información sobre las funciones de IronBarcode en este enlace página de ejemplos de código.

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

Añada el código siguiente 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)

Guardar como archivo PNG

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

myQRCode.SaveAsPng("myQRCode.png");

myQRCode.SaveAsPng("myQRCode.png");

myQRCode.SaveAsPng("myQRCode.png")

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

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 es aquí.

IronBarcode es gratuito para el desarrollo pero debe ser con licencia con fines comerciales y de despliegue. Puede probar el prueba gratuita para probar toda su funcionalidad.