IRONSOFTWAREHOME
USO DE IRONBARCODE

Cómo Generar Códigos QR en ASP.NET MVC

Curtis Chau
Curtis Chau
Updated: 21 de abril de 2026

En el panorama digital acelerado de hoy en día, la generación de códigos QR se ha convertido en una herramienta esencial para compartir información de manera eficiente. Estos compactos códigos de barras bidimensionales, capaces de almacenar una amplia gama de datos, incluidos URLs, texto, información de contacto, detalles de productos y mucho más, desempeñan un papel fundamental en la comunicación moderna. Incorporar capacidades de generación de códigos QR en su aplicación ASP.NET MVC le permite empoderar a los usuarios generando códigos QR sin problemas y mejorando su experiencia, agilizando las interacciones y facilitando el intercambio de información sin esfuerzo.

Si está desarrollando una aplicación ASP.NET MVC y desea incorporar capacidades de generación de códigos QR, IronBarcode es una excelente biblioteca que simplifica el proceso. En este artículo, exploraremos cómo generar códigos QR en ASP.NET MVC utilizando la biblioteca IronBarcode.

IronBarcode

IronBarcode es una potente biblioteca de generación y reconocimiento de códigos QR con muchas funciones para aplicaciones .NET. Con IronBarcode, los desarrolladores pueden integrar fácilmente la funcionalidad de códigos de barras y códigos QR en sus proyectos ASP.NET MVC, incluida la capacidad de generar códigos QR. La biblioteca proporciona un conjunto completo de herramientas y APIs que simplifican el proceso de creación y personalización de códigos QR, permitiendo a los desarrolladores adaptarlos a sus requerimientos específicos.

IronBarcode ofrece un amplio soporte para varios tipos de códigos de barras, incluidos los códigos QR, lo que lo convierte en una elección ideal para proyectos que requieren capacidades de generación de códigos QR. Proporciona a los desarrolladores la flexibilidad de especificar los datos a codificar, controlar el tamaño y la resolución de los códigos QR generados, e incluso añadir elementos de estilo visual como colores y logotipos. La biblioteca asegura una generación de códigos de barras de alta calidad con control preciso sobre cada aspecto de la apariencia del código QR.

Más allá de la generación de códigos QR, IronBarcode también incluye características robustas para la lectura y decodificación de códigos de barras. Soporta el escaneo y la extracción de datos de códigos QR, permitiendo que las aplicaciones procesen información codificada dentro de ellos. Esta funcionalidad es beneficiosa para escenarios donde el escaneo de códigos de barras y la extracción de datos son necesarios, como la gestión de inventarios, sistemas de boletos y aplicaciones móviles.

Ahora, creemos un proyecto para generar un código QR en la aplicación web ASP.NET Core MVC.

Configuración del proyecto

Antes de profundizar en los detalles de la implementación, asegurémonos de que su proyecto ASP.NET MVC esté configurado y listo para comenzar. Ya sea que estés comenzando un nuevo proyecto o trabajando con uno existente, los pasos descritos a continuación te guiarán a lo largo del proceso de integración de la biblioteca IronBarcode en tu aplicación. En mi caso, he creado un nuevo proyecto.

Los pasos para crear un nuevo proyecto son los siguientes:

  1. Abra Microsoft Visual Studio 2022.
  2. En la página de inicio, haga clic en "Crear un nuevo proyecto" o vaya a "Archivo" > "Nuevo" > "Proyecto" desde el menú superior.
  3. En la ventana "Crear un nuevo proyecto", verá diferentes plantillas de proyecto para elegir. Elija la plantilla de proyecto "Aplicación web ASP.NET Core (Modelo-vista-controlador)" y haga clic en "Siguiente".
  4. Ingrese un nombre y una ubicación para su proyecto. Elija una ubicación adecuada en su computadora para guardar los archivos del proyecto.
  5. Seleccione la versión de marco deseada. Visual Studio generalmente sugiere la última versión estable, pero puede elegir una diferente si es necesario. He elegido .NET 7.
  6. Personalice cualquier configuración adicional del proyecto, como opciones de autenticación o carpetas del proyecto, según sus requisitos.
  7. Haga clic en "Crear" para crear el proyecto.

Visual Studio generará los archivos del proyecto y abrirá el explorador de soluciones, donde podrá ver la estructura del proyecto y comenzar a trabajar en su código.

Cómo generar códigos QR en ASP.NET MVC: Figura 1

Ahora, necesitamos instalar la biblioteca IronBarcode en nuestra aplicación.

Instalar IronBarcode

Para comenzar, abra la Consola del Administrador de Paquetes en Visual Studio y ejecute el siguiente comando:

PM > Install-Package IronBarCode

Este comando instalará la biblioteca IronBarcode y añadirá las referencias necesarias a tu proyecto.

Cómo generar códigos QR en ASP.NET MVC: Figura 2

Ahora, escribamos algo de código para crear códigos QR.

Crear QRCodeModel

Cree una clase de modelo dentro de la carpeta Models y escriba el siguiente código:

using System.ComponentModel.DataAnnotations;

public class QRCodeModel
{
    [Display(Name = "Enter QR Code Text")]
    public string QRCodeText { get; set; }
}

Crear controlador de código QR

En su proyecto ASP.NET MVC, cree un nuevo controlador llamado QrCodeController. Para hacer esto, haz clic derecho en la carpeta Controllers en la estructura de tu proyecto, selecciona "Agregar", y luego elige "Controlador". De las opciones disponibles, selecciona "Controlador MVC - Vacío".

Escriba el siguiente código en QrCodeController:

using Microsoft.AspNetCore.Mvc;
using IronBarCode;
using System.IO;

public class QrCodeController : Controller
{
    private readonly IWebHostEnvironment _environment;
    
    public QrCodeController(IWebHostEnvironment environment)
    {
        _environment = environment;
    }

    public IActionResult CreateQRCode()
    {
        return View();
    }

    [HttpPost]
    public IActionResult CreateQRCode(QRCodeModel generateQRCode)
    {
        try
        {
            // Creating QR Code
            GeneratedBarcode barcode = QRCodeWriter.CreateQrCode(generateQRCode.QRCodeText);
            string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");
            
            if (!Directory.Exists(path))
            {
                Directory.CreateDirectory(path);
            }
            
            string filePath = Path.Combine(path, "qrcode.png");
            barcode.SaveAsPng(filePath);

            string fileName = Path.GetFileName(filePath);
            string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedQRCode/{fileName}";

            ViewBag.QrCodeUri = imageUrl;
        }
        catch (Exception ex)
        {
            // Handle exceptions
            // Log the exception details here for troubleshooting and debugging.
            throw;
        }
        
        return View();
    }
}

Este código configura un controlador que puede generar códigos QR. Cuando se llama a la acción CreateQRCode, toma el texto para el código QR, genera la imagen del código QR, la guarda, y proporciona la URL de la imagen en la vista para mostrarla. Más detalles son los siguientes:

  • El controlador tiene un constructor que toma un parámetro IWebHostEnvironment para acceder al entorno de alojamiento web.
  • La acción CreateQRCode devuelve una vista.
  • La acción CreateQRCode con el atributo [HttpPost] toma un parámetro QRCodeModel, que contiene el texto del código QR.
  • Dentro de la acción, se genera un código QR utilizando la clase QRCodeWriter de la biblioteca IronBarcode.
  • El código QR generado se guarda como un archivo de imagen PNG en una carpeta llamada GeneratedQRCode en la ruta raíz web.
  • Si la carpeta GeneratedQRCode no existe, se crea.
  • Se generan la ruta del archivo y la URL para la imagen del código QR guardado.
  • La URL de la imagen del código QR se almacena en la propiedad ViewBag.QrCodeUri para ser utilizada en la vista.
  • Se capturan y registran las excepciones que ocurren durante el proceso.

Agregar vista CreateQRCode

Ahora, para agregar una nueva vista, haga clic derecho en el método de acción CreateQRCode en la clase QrCodeController. Seleccione "Agregar Vista", luego seleccione "Vista Razor" y haga clic en el botón "Agregar".

Cómo generar códigos QR en ASP.NET MVC: Figura 3

Aparecerá una nueva ventana como se muestra a continuación.

Cómo generar códigos QR en ASP.NET MVC: Figura 4

Escriba el nombre de la vista, seleccione la plantilla "Crear" y seleccione nuestra clase de modelo recién creada QRCodeModel. Haga clic en el botón Agregar. La vista se creará. Reemplace su vista con el código a continuación.

@model QRCodeModel

@{
    ViewData["Title"] = "CreateQRCode";
}

<h1>Create QRCode in ASP.NET MVC</h1>

<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="CreateQRCode">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="QRCodeText" class="control-label"></label>
                <input asp-for="QRCodeText" class="form-control" />
                <span asp-validation-for="QRCodeText" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-primary" />
            </div>
            <div class="form-group">
                @if (ViewBag.QrCodeUri != null)
                {
                    <img src="@ViewBag.QrCodeUri" class="img-thumbnail" alt="Generated QR Code" />
                }
            </div>
        </form>
    </div>
</div>

@section Scripts {
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial"); }
}
Text

Ahora, vamos a movernos a la clase Program.cs y cambiar la ruta del controlador predeterminada.

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=QrCode}/{action=CreateQRCode}/{id?}"
);

Esto cambiará la ruta predeterminada de HomeController a nuestro QrCodeController.

Ahora, compile y ejecute el proyecto.

Resultado

Cómo generar códigos QR en ASP.NET MVC: Figura 5

Ingrese texto en el cuadro de texto y haga clic en el botón crear. Se creará un código QR y se mostrará en la pantalla como se muestra a continuación.

Cómo generar códigos QR en ASP.NET MVC: Figura 6 - Código QR en ASP.NET

Ahora, añadamos estilo visual a nuestro código de barras añadiendo texto de anotación, valor del código QR y cambiando el color del código QR.

Agregar estilo visual al código QR

Agregue la siguiente línea de código dentro del método de acción CreateQRCode.

barcode.AddAnnotationTextAboveBarcode("QR Code Generated by Iron PDF");
barcode.AddBarcodeValueTextBelowBarcode();
barcode.ChangeBackgroundColor(System.Drawing.Color.White);
barcode.ChangeBarCodeColor(System.Drawing.Color.MediumVioletRed);

Ahora, ejecute el proyecto y genere el Código QR.

Cómo generar códigos QR en ASP.NET MVC: Figura 7 - Generar código QR

Conclusión

En ASP.NET MVC, integrar IronBarcode es sencillo. Proporciona una interfaz fácil de usar, lo que facilita el trabajo con códigos QR. Al aprovechar IronBarcode, puede mejorar su aplicación al añadir la funcionalidad de códigos QR, permitiendo a los usuarios compartir y acceder a información de manera conveniente. IronBarcode es una biblioteca valiosa que simplifica el proceso de generación de códigos QR y la lectura de códigos QR en ASP.NET MVC. Empodera a los desarrolladores para crear aplicaciones dinámicas que utilizan el poder de los códigos QR para compartir y recuperar datos de manera eficiente.

IronBarcode es gratis para uso personal. Sin embargo, para fines comerciales, necesita comprar su licencia comercial, que viene con una prueba gratuita. También puede obtener un descuento significativo si adquiere la Iron Suite completa. Iron Suite es una colección completa de componentes de software .NET diseñados para simplificar tareas de desarrollo y mejorar la funcionalidad. Ofrece cinco poderosas bibliotecas, incluyendo IronBarcode, IronOCR, IronPDF, IronXL, y Iron Webscraper que permiten a los desarrolladores trabajar con códigos de barras, reconocimiento óptico de caracteres, procesamiento de PDF, Excel y archivos CSV de manera fluida. Usted obtendrá los cinco productos por el precio de dos si opta por comprar la Iron Suite completa.

Curtis Chau
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.

...
Leer más

Artículos Relacionados

Key in blue circle

Obtenga su clave de prueba gratuita de 30 días al instante.

Your trial license will be sent to your email address

Sin limitaciones. 100 % desbloqueado. Sin tarjeta de crédito.

bullet_checkedNo se requiere tarjeta de crédito ni creación de cuentaSin limitaciones. 100 % desbloqueado. Sin tarjeta de crédito.
  • Logo Aetna
  • Logo NASA
  • Logo GE
  • Logo Porsche
  • Logo USDA
  • Logo Qatar
Join Millions of Engineers who’ve tried IronPDF
Reserve su Demostración en Vivo gratuita
Booking Badge

Confiado por millones de ingenieros en todo el mundo

Logos de clientes de Iron Software
Obtén tu Consulta Sin Compromiso
Completa el formulario a continuación o envía un correo a sales@ironsoftware.com
Tus detalles siempre serán mantenidos confidenciales.
Confiado por millones de ingenieros en todo el mundo
Logos de clientes de Iron Software
Obtenga su Clave de Prueba de 30 días gratis al instante.
No se requiere tarjeta de crédito ni creación de cuenta