¿Cómo puedo generar un código QR en una aplicación Blazor usando C#?

Puedes generar un código QR en una aplicación Blazor usando la biblioteca IronBarcode. Instala IronBarcode a través de NuGet o descargando el DLL, y luego usa el método QRCodeGenerater para convertir la entrada del usuario en códigos QR.

¿Cuáles son los pasos para instalar una biblioteca de generación de códigos QR en una aplicación Blazor Server?

Para instalar una biblioteca de generación de códigos QR en una aplicación Blazor Server, descarga IronBarcode desde NuGet, agrega el espacio de nombres @using IronBarCode en tu archivo Imports.razor y configura una clave de licencia si es necesario.

¿Cómo puedo personalizar los códigos QR generados en un proyecto Blazor?

IronBarcode permite la personalización de códigos QR en un proyecto Blazor modificando elementos como el color, el margen y el tamaño. Usa los métodos de IronBarcode para ajustar estas propiedades al generar códigos QR.

¿Qué método se puede usar para guardar un código QR generado como un archivo de imagen?

Usa el método SaveAsPng de la biblioteca IronBarcode para guardar los códigos QR generados como archivos de imagen PNG en tu aplicación Blazor.

¿Cómo se pueden mostrar códigos QR en una aplicación Blazor?

Los códigos QR se pueden mostrar en una aplicación Blazor convirtiéndolos en una cadena de etiqueta HTML y usando MarkupString para renderizar el código QR en la página.

¿Es posible generar un código QR cuando se carga una página Blazor?

Sí, puedes generar un código QR al cargar una página Blazor utilizando métodos asincrónicos en el evento de ciclo de vida OnInitializedAsync .

¿Cuáles son los requisitos de licencia para usar una biblioteca de códigos QR en una aplicación .NET?

IronBarcode es gratuito para desarrollo, pero requiere una licencia comercial para su implementación. Una licencia de prueba está disponible para fines de prueba.

¿Se puede usar IronBarcode con diferentes plataformas .NET para la generación de códigos QR?

Sí, IronBarcode es compatible con una amplia gama de plataformas .NET, incluyendo .NET 7, .NET 6, .NET 5, .NET Core 2x & 3x, .NET Standard 2, y .NET Framework 4.6.2+.

What is required to start developing with IronBarcode in a Blazor application?

To develop with IronBarcode in a Blazor application, you need to set up a Blazor server app, install Visual Studio or a similar IDE, add the IronBarcode library, and ensure you have a valid license key for the library.

Can IronBarcode be used to read existing QR codes in a Blazor application?

Yes, IronBarcode offers functionality to read QR codes as well as generate them, making it a versatile library for applications requiring both reading and creating QR codes.

Biblioteca de códigos de barras C#

Explore IronBarcode Prueba gratis

Inicio rápido de códigos de barras

Ver Todos los Ejemplos de Código %s

using IronBarCode;
using System.Drawing;

// Reading a barcode is easy with IronBarcode!
var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file
var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap
var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image file
var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf

// To configure and fine-tune barcode reading, utilize the BarcodeReaderOptions class
var myOptionsExample = new BarcodeReaderOptions
{
    // Choose a reading speed from: Faster, Balanced, Detailed, ExtremeDetail
    // There is a tradeoff in performance as more detail is set
    Speed = ReadingSpeed.Balanced,

    // Reader will stop scanning once a single barcode is found (if set to true)
    ExpectMultipleBarcodes = true,

    // By default, all barcode formats are scanned for
    // Specifying a subset of barcode types to search for would improve performance
    ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional,

    // Utilize multiple threads to read barcodes from multiple images in parallel
    Multithreaded = true,

    // Maximum threads for parallelized barcode reading
    // Default is 4
    MaxParallelThreads = 2,

    // The area of each image frame in which to scan for barcodes
    // Specifying a crop area will significantly improve performance and avoid noisy parts of the image
    CropArea = new Rectangle(),

    // Special setting for Code39 barcodes
    // If a Code39 barcode is detected, try to read with both the base and extended ASCII character sets
    UseCode39ExtendedMode = true
};

// Read with the options applied
var results = BarcodeReader.Read("barcode.png", myOptionsExample);

// Create a barcode with one line of code
var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8);

// After creating a barcode, we may choose to resize
myBarcode.ResizeTo(400, 100);

// Save our newly-created barcode as an image
myBarcode.SaveAsImage("EAN8.jpeg");

// Get the barcode as an image for further processing
var myBarcodeImage = myBarcode.Image;

using IronBarCode;
using System.Drawing;

// Reading a barcode is easy with IronBarcode!
var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file
var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap
var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image file
var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf

// To configure and fine-tune barcode reading, utilize the BarcodeReaderOptions class
var myOptionsExample = new BarcodeReaderOptions
{
    // Choose a reading speed from: Faster, Balanced, Detailed, ExtremeDetail
    // There is a tradeoff in performance as more detail is set
    Speed = ReadingSpeed.Balanced,

    // Reader will stop scanning once a single barcode is found (if set to true)
    ExpectMultipleBarcodes = true,

    // By default, all barcode formats are scanned for
    // Specifying a subset of barcode types to search for would improve performance
    ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional,

    // Utilize multiple threads to read barcodes from multiple images in parallel
    Multithreaded = true,

    // Maximum threads for parallelized barcode reading
    // Default is 4
    MaxParallelThreads = 2,

    // The area of each image frame in which to scan for barcodes
    // Specifying a crop area will significantly improve performance and avoid noisy parts of the image
    CropArea = new Rectangle(),

    // Special setting for Code39 barcodes
    // If a Code39 barcode is detected, try to read with both the base and extended ASCII character sets
    UseCode39ExtendedMode = true
};

// Read with the options applied
var results = BarcodeReader.Read("barcode.png", myOptionsExample);

// Create a barcode with one line of code
var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8);

// After creating a barcode, we may choose to resize
myBarcode.ResizeTo(400, 100);

// Save our newly-created barcode as an image
myBarcode.SaveAsImage("EAN8.jpeg");

// Get the barcode as an image for further processing
var myBarcodeImage = myBarcode.Image;

PM >Install-Package BarCode

Install-Package BarCode

USO DE IRONBARCODE

Cómo Generar Código QR en Blazor

Curtis Chau

Updated: 21 de abril de 2026

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

Cómo Generar Código QR en Blazor

Descargue una biblioteca de C# para generar códigos QR en Blazor
Utilice el método CreateQrCode para crear un código QR
Convierte el código QR generado en una cadena de etiqueta HTML
Pase la información a MarkupString en el archivo razor
Utilice el método SaveAsPng para guardar el código QR generado como una imagen PNG

IronBarcode - C#

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

IronBarcode es una biblioteca fácil de usar que permite a los desarrolladores agregar, leer y estilizar códigos QR fácilmente en proyectos C#, generalmente en minutos. Permite a los desarrolladores crear códigos QR en formatos como Aztec, Data Matrix, MaxiCode. Hay disponibles diferentes tipos de códigos de barras con IronBarcode, por ejemplo, Code 39, Code 128, RSS14, etc.

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

.NET 7, 6 y 5
.NET Core 2x y 3x
.NET Standard 2 A continuación, el código de ejemplo:

¿Cómo generar un código QR en la aplicación Blazor Server?

Prerrequisitos

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

Visual Studio - Es un Entorno de Desarrollo Integrado (IDE) utilizado para desarrollo C#. Se puede descargar del sitio web de Visual Studio. O puedes usar cualquier otro IDE compatible para C#
Blazor Server App: Crear la aplicación Blazor Server es la tarea principal. Sigue los siguientes pasos para crear una aplicación web Blazor server.
- Abre tu IDE o Visual Studio. Haz clic en Crear un nuevo proyecto.

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

Elige Blazor Server App de las opciones de proyecto disponibles.

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

Luego, establece la ubicación y nombra tu proyecto.

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

Luego, establece la información adicional para tu proyecto. Selecciona una versión apropiada del .NET Framework. IronBarcode admite versiones de .NET desde la 2 hasta la 7, siendo .NET 7 la última.

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

IronBarcode - La biblioteca .NET de códigos de barra y QR que ayuda a generar y leer diferentes tipos de códigos de barras. Las siguientes son las diferentes formas de instalar IronBarcode:

Descarga IronBarcode directamente desde el sitio web de NuGet.
- Instálalo a través de Administrar paquetes NuGet para la solución en herramientas de Visual Studio o haz clic derecho en el explorador de soluciones para elegir Administrador de Paquetes NuGet.
Descarga el DLL de IronBarcode directamente desde el sitio web de Iron Software.

Agregar el espacio de nombres IronBarcode

Una vez que todo está instalado y listo, agrega la siguiente referencia de ensamblaje al archivo "Imports.razor" de tu aplicación de código de barras Blazor:

@using IronBarCode

@using IronBarCode

Text

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

Agregar clave de licencia

IronBarcode debe tener licencia para ser utilizado en despliegue. Puedes obtener tu clave de licencia de prueba gratuita desde aquí. Agrega las siguientes líneas de código al archivo Program.cs:

using IronBarCode;

// Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE";

using IronBarCode;

// Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE";

Imports IronBarCode

' Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE"

Imports IronBarCode

' Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE"

Pasos para generar un código QR

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

Agregar componentes HTML de Blazor

Primero, vamos a agregar algo de código HTML a la página "Index.razor". El código consiste en algunos encabezados, un campo de entrada y botones.

Utiliza el siguiente código para agregar los componentes a la aplicación de código de barras Blazor:

<h4>Welcome to Blazor QR Code Generator</h4>
<p>Enter the value to Generate QR Code:</p>

<!-- Input field for QR code text -->
<input @bind="text" />

<!-- Button to trigger QR code generation -->
<button @onclick="QRCodeGenerater">Generate QR Code</button>

<p>Generated QR Code:</p>

<h4>Welcome to Blazor QR Code Generator</h4>
<p>Enter the value to Generate QR Code:</p>

<!-- Input field for QR code text -->
<input @bind="text" />

<!-- Button to trigger QR code generation -->
<button @onclick="QRCodeGenerater">Generate QR Code</button>

<p>Generated QR Code:</p>

HTML

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 QRCodeGenerater para crear un código QR. El código QR creado se mostrará bajo el encabezado "Código QR Generado:". Ahora, vamos a crear el método QRCodeGenerater.

Crear el Método `QRCodeGenerater`

Es hora de usar la poderosa biblioteca IronBarcode en Visual Studio para generar códigos QR. La sección @code se agrega en la página "Index.razor". Primero veamos el código completo a continuación:

@code {
    // Variable to hold the generated QR code HTML
    private string qrCode = "";

    // Variable to hold user input text
    private string text = "";

    // Method to generate QR code from user input
    private void QRCodeGenerater()
    {
        // Create a QR code from the input text
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);

        // Convert the generated QR code to HTML tag
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}

@code {
    // Variable to hold the generated QR code HTML
    private string qrCode = "";

    // Variable to hold user input text
    private string text = "";

    // Method to generate QR code from user input
    private void QRCodeGenerater()
    {
        // Create a QR code from the input text
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);

        // Convert the generated QR code to HTML tag
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}

Text

En el código anterior, hay dos variables privadas de tipo cadena. qrCode mostrará el código QR generado, y text obtendrá la entrada del usuario del campo de entrada. Luego, en el método QRCodeGenerater, 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. 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 a continuación te ayuda a trabajar con otros parámetros también:

// Creating a QR code with custom parameters
QRCodeWriter.CreateQrCode(
    "https://ironsoftware.com/csharp/barcode/", // URL for the QR code
    500, // Size of the QR code
    QRCodeWriter.QrErrorCorrectionLevel.High, // Error correction level
    0 // QrVersion
)

// Creating a QR code with custom parameters
QRCodeWriter.CreateQrCode(
    "https://ironsoftware.com/csharp/barcode/", // URL for the QR code
    500, // Size of the QR code
    QRCodeWriter.QrErrorCorrectionLevel.High, // Error correction level
    0 // QrVersion
)

' Creating a QR code with custom parameters
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)

' Creating a QR code with custom parameters
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)

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

Obtén más detalles sobre las características de IronBarcode desde esta página de ejemplos de código.

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

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

@((MarkupString)qrCode)

@((MarkupString)qrCode)

Text

Guardar como archivo PNG

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

// Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png");

// Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png");

' Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png")

' Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png")

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

Generar código QR al cargar la página

También puedes crear un código QR al cargar la página y mostrarlo para que los usuarios puedan escanearlo para obtener datos. El siguiente código te ayuda a lograr esta tarea de forma asincrónica:

@((MarkupString)qrCode)

@code {
    // Variable to hold the generated QR code HTML
    private string qrCode = "";

    // Method called when the page is initialized
    protected override async Task OnInitializedAsync()
    {
        // Asynchronously generate a QR code on page load
        await Task.Run(() =>
            qrCode = Convert.ToString(QRCodeWriter.CreateQrCode(
                "https://ironsoftware.com/csharp/barcode/", 
                500, 
                QRCodeWriter.QrErrorCorrectionLevel.High, 
                0).ToHtmlTag())
        );
    }
}

@((MarkupString)qrCode)

@code {
    // Variable to hold the generated QR code HTML
    private string qrCode = "";

    // Method called when the page is initialized
    protected override async Task OnInitializedAsync()
    {
        // Asynchronously generate a QR code on page load
        await Task.Run(() =>
            qrCode = Convert.ToString(QRCodeWriter.CreateQrCode(
                "https://ironsoftware.com/csharp/barcode/", 
                500, 
                QRCodeWriter.QrErrorCorrectionLevel.High, 
                0).ToHtmlTag())
        );
    }
}

Text

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

Resumen

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

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

IronBarcode es gratuito para desarrollo pero debe ser licenciado para fines comerciales y de despliegue. Puedes probar la prueba gratuita para probar toda su funcionalidad.

Curtis Chau

Chatea con el equipo de ingeniería ahora

Escritor Técnico

Curtis Chau tiene una licenciatura en Ciencias de la Computación (Carleton University) y se especializa en el desarrollo front-end con experiencia en Node.js, TypeScript, JavaScript y React. Apasionado por crear interfaces de usuario intuitivas y estéticamente agradables, disfruta trabajando con frameworks modernos y creando manuales bien estructurados y visualmente atractivos.

...