Como integrar um leitor de código de barras em um aplicativo web

Criando uma Aplicação Web de Digitalização de Código de Barras

Nesta seção, demonstraremos como usar o IronBarcode para construir uma aplicação web que digitalizará códigos de barras e exibirá resultados.

1. Comece criando um novo projeto de aplicação web ASP.NET no Visual Studio conforme mostrado nas imagens abaixo.

   

   

2. Instale o IronBarcode usando o Console de Gerenciamento de Pacotes NuGet.

   Para fazer isso, abra o Console de Gerenciamento de Pacotes NuGet e execute o seguinte comando para instalar o IronBarcode:

   Install-Package BarCode

   Você também pode baixar o pacote diretamente do site do NuGet.

3. Após a conclusão da instalação, abra o arquivo Default.aspx e substitua-o pelo seu código de frontend. Isso criará um botão de upload de arquivo, um botão com o texto 'Scan Barcode' e um rótulo para mostrar os 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. Agora vamos escrever o código backend que receberá uma imagem carregada, escaneará um código QR ou Barcode e exibirá os resultados.

Abra o arquivo Default.aspx.cs e substitua o código existente pelo seguinte:

```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. Agora que nosso projeto está completo, podemos executá-lo e abrir uma página web no seguinte URL "https://localhost:44335/Default".

   

6. Clique no botão Escolher Arquivo e carregue a imagem contendo o código QR.

   

7. No final, clique no botão Scan Barcode; ele exibirá a saída abaixo do botão.

   

Acima estão todas as etapas para criar uma página da web com capacidades de leitura de códigos de barras. Agora você poderá ler códigos de barras online, e é facilmente integrável às suas aplicações web usando IronBarcode.