Cómo Integrar un Escáner de Códigos de Barras en una Aplicación Web

Creación de una aplicación web de escaneo de códigos de barras

En esta sección, demostraremos cómo usar IronBarcode para construir una aplicación web que escanee códigos de barras y muestre resultados.

1. Comience creando un nuevo proyecto de aplicación web ASP.NET en Visual Studio como se muestra en las imágenes a continuación.

2. Instale IronBarcode usando la Consola del Administrador de Paquetes de NuGet.

Para hacerlo, abra la Consola del Administrador de Paquetes de NuGet y ejecute el siguiente comando para instalar IronBarcode:

```shell
:ProductInstall
```

También puede descargar el paquete directamente desde el [sitio web de NuGet](https://www.nuget.org/packages/BarCode).

3. Una vez completada la instalación, abra el archivo Default.aspx y reemplácelo con su código de frontend. Esto creará un botón de carga de archivos, un botón con el texto 'Escanear Código de Barras' y una etiqueta para mostrar los resultados.

   <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication6._Default" %>
   
   <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
       <div><br /><br /><br />
           <asp:FileUpload ID="fileUpload" runat="server" />
           <br />
           <asp:Button ID="btnScan" runat="server" Text="Scan Barcode" OnClick="btnScan_Click" />
           <br />
           <asp:Label ID="lblResult" runat="server"></asp:Label>
       </div>
   </asp:Content>

   <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication6._Default" %>
   
   <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
       <div><br /><br /><br />
           <asp:FileUpload ID="fileUpload" runat="server" />
           <br />
           <asp:Button ID="btnScan" runat="server" Text="Scan Barcode" OnClick="btnScan_Click" />
           <br />
           <asp:Label ID="lblResult" runat="server"></asp:Label>
       </div>
   </asp:Content>

   HTML
4. Ahora escribiremos el código backend que tomará una imagen cargada, la escaneará en busca de un código QR o Código de Barras, y mostrará los resultados.

Abra el archivo Default.aspx.cs y reemplace el código existente con el siguiente:

```csharp
using IronBarCode;
using System;
using System.IO;

public partial class _Default : System.Web.UI.Page
{
    // Event handler for the 'Scan Barcode' button click
    protected void btnScan_Click(object sender, EventArgs e)
    {
        try
        {
            // Ensure a file has been uploaded
            if (fileUpload.HasFile)
            {
                // Get the uploaded file stream
                Stream stream = fileUpload.PostedFile.InputStream;

                // Use IronBarcode to read the barcode from the stream
                var barcodeResults = BarcodeReader.Read(stream);

                // Display the scanned barcode result
                lblResult.Text = "Scanned Barcode: " + barcodeResults;
            }
            else
            {
                lblResult.Text = "Please upload an image.";
            }
        }
        catch (Exception ex)
        {
            // Display any errors that occur during the scanning process
            lblResult.Text = "Error: " + ex.Message;
        }
    }
}
```

5. Ahora que nuestro proyecto está completo, podemos ejecutarlo y abrir una página web en la siguiente URL "https://localhost:44335/Default".

6. Haga clic en el botón Elegir Archivo y cargue la imagen que contiene el código QR.

7. Al final, haga clic en el botón Escanear Código de Barras; mostrará la salida debajo del botón.

Arriba están todos los pasos para crear una página web que tenga capacidades de escaneo de códigos de barras. Ahora podrá leer códigos de barras en línea, y se integra fácilmente con sus aplicaciones web utilizando IronBarcode.