Integration von Barcode-Scannern in Webanwendungen

Im heutigen digitalen Zeitalter wird die nahtlose Konvergenz von physischer und virtueller Welt immer wichtiger, um verschiedene Prozesse zu optimieren. Ein Beispiel für eine solche Integration, das diesen Trend verdeutlicht, ist die Einbindung eines Barcode-Scanners in Webanwendungen. Durch die Überbrückung der Kluft zwischen greifbaren Produkten und Online-Funktionen können Unternehmen und Privatpersonen gleichermaßen eine Vielzahl von Möglichkeiten erschließen, von der mühelosen Bestandsverwaltung und verbesserten Benutzererfahrung bis hin zur optimierten Dateneingabe, effizienten Nachverfolgungssystemen und dem Scannen von QR-Codes. Diese Integration verbessert nicht nur die Gesamtfunktionalität von Online-Anwendungen, sondern ebnet auch den Weg für ein besser vernetztes und effizienteres digitales Ökosystem.

In diesem Artikel werden wir Folgendes verwenden IronBarcode um einen Barcode-Scanner zu einer Webanwendung hinzuzufügen. Durch die Integration eines Barcode-Scanners in eine webbasierte Anwendung können Bilder von jedem mit einer Kamera ausgestatteten Gerät aus gescannt und hochgeladen werden, wodurch die Mobilität des digitalen Ökosystems maximiert wird.

Integration eines Barcode-Scanners in eine Webanwendung

1. Die C# IronBarcode-Bibliothek herunterladen.

2. Erstellen Sie ein neues ASP.NET-Webanwendungsprojekt in Visual Studio.

3. Gestalten Sie das Front-End mit HTML5 und CSS.

4. Schreiben Sie Backend-Methoden, die den hochgeladenen QR-Code in Text umwandeln.

5. Zeigen Sie das Ergebnis mit einem Etikett an.

IronBarcode

IronBarcode ist eine leistungsstarke Lösung an der Schnittstelle zwischen Technologie und Komfort und bietet Entwicklern ein robustes Toolkit, mit dem sie das Scannen und Generieren von Barcodes problemlos in ihre Anwendungen integrieren können. Mit seinen umfassenden Funktionen und seinem intuitiven Design ermöglicht IronBarcode Unternehmen und Programmierern die mühelose Dekodierung, Kodierung und Bearbeitung von Barcodes in ihrer Softwareumgebung. Ob es darum geht, die Bestandsverwaltung zu optimieren, den Datenaustausch zu erleichtern oder das Benutzererlebnis zu verbessern, IronBarcode eröffnet ein Reich der Möglichkeiten, indem es die komplexe Welt der Barcodeverarbeitung vereinfacht und Anwendungen ermöglicht, mit der physischen Welt auf digitale Weise über den Browser zu interagieren. IronBarcode unterstützt alle Barcode-Formate und Barcode-Symbologien.

Erstellen einer Barcode-Scan-Webanwendung

In diesem Abschnitt wird gezeigt, wie IronBarcode verwendet wird, um eine Webanwendung zu erstellen, die Barcodes scannt und Ergebnisse anzeigt.

1. Beginnen Sie mit der Erstellung eines neuen ASP.NET-Webanwendungsprojekts in Visual Studio, wie in den folgenden Abbildungen gezeigt.

   

   

2. Installieren Sie IronBarcode über die NuGet Package Manager Console.

    Öffnen Sie dazu die NuGet Package Manager Console und führen Sie den folgenden Befehl aus. IronBarcode wird dann innerhalb weniger Sekunden installiert.

    :ProductInstall

Sie können das Paket auch direkt von der Website NuGet-Website.

3. Sobald die Installation abgeschlossen ist, öffnen Sie die Datei Default.aspx und ersetzen Sie sie durch Ihren Frontend-Code. Dadurch wird eine Schaltfläche zum Hochladen einer Datei, eine Schaltfläche mit dem Text "Barcode scannen" und ein Etikett zur Anzeige der Ergebnisse erstellt.

    <%@ 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>

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'<%@ 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>

4. Jetzt schreiben wir den Backend-Code, der ein hochgeladenes Bild nach einem QR-Code oder Barcode scannt und die Ergebnisse anzeigt.

    Öffnen Sie die Datei **Default.aspx.cs** und ersetzen Sie den vorhandenen Code durch den nachstehenden Code.

    using IronBarCode;
    using System;
    using System.IO;

    public partial class _Default : System.Web.UI.Page
    {    
        protected void btnScan_Click(object sender, EventArgs e)
        {
            try
            {
                if (fileUpload.HasFile)
                {
                    Stream stream = fileUpload.PostedFile.InputStream;
                    var barcodeResults = BarcodeReader.Read(stream);

                    lblResult.Text = "Scanned Barcode: " + barcodeResults;
                }
                else
                {
                    lblResult.Text = "Please upload an image.";
                }
            }
            catch (Exception ex)
            {
                lblResult.Text = "Error: " + ex.Message;
            }
        }
    }

    using IronBarCode;
    using System;
    using System.IO;

    public partial class _Default : System.Web.UI.Page
    {    
        protected void btnScan_Click(object sender, EventArgs e)
        {
            try
            {
                if (fileUpload.HasFile)
                {
                    Stream stream = fileUpload.PostedFile.InputStream;
                    var barcodeResults = BarcodeReader.Read(stream);

                    lblResult.Text = "Scanned Barcode: " + barcodeResults;
                }
                else
                {
                    lblResult.Text = "Please upload an image.";
                }
            }
            catch (Exception ex)
            {
                lblResult.Text = "Error: " + ex.Message;
            }
        }
    }

Imports IronBarCode
	Imports System
	Imports System.IO

	Partial Public Class _Default
		Inherits System.Web.UI.Page

		Protected Sub btnScan_Click(ByVal sender As Object, ByVal e As EventArgs)
			Try
				If fileUpload.HasFile Then
					Dim stream As Stream = fileUpload.PostedFile.InputStream
					Dim barcodeResults = BarcodeReader.Read(stream)

					lblResult.Text = "Scanned Barcode: " & barcodeResults
				Else
					lblResult.Text = "Please upload an image."
				End If
			Catch ex As Exception
				lblResult.Text = "Error: " & ex.Message
			End Try
		End Sub
	End Class

5. Jetzt ist unser Projekt fertig, wir können es ausführen und eine Webseite unter der folgenden URL "https://localhost:44335/Default" öffnen.

   

6. Klicken Sie auf die Schaltfläche Datei auswählen und laden Sie das Bild mit dem QR-Code hoch.

   

7. Klicken Sie am Ende auf die Schaltfläche Barcode scannen, um die Ausgabe unter der Schaltfläche anzuzeigen.

   

   Oben sind alle Schritte für die Erstellung einer Webseite, die Barcode-Scanning-Funktionen hat jetzt werden Sie in der Lage sein, Barcodes online zu lesen, und es ist leicht mit Ihren Web-Anwendungen mit IronBarcode integriert.

Schlussfolgerung

Die Integration eines Barcode-Scanners in Webanwendungen durch Tools und Lösungen wie IronBarcode stellt eine transformative Konvergenz von physischer und digitaler Welt dar und erleichtert die nahtlose Interaktion zwischen greifbaren Produkten und Online-Funktionalitäten. Diese Integration ermöglicht es Unternehmen und Einzelpersonen, ihre Prozesse zu verbessern - von einer optimierten Bestandsverwaltung bis hin zu einer effizienten Dateneingabe - und gleichzeitig die komplexe Barcode-Verarbeitung zu vereinfachen, wodurch ein stärker vernetztes und optimiertes digitales Ökosystem gefördert wird. Die hier angebotene Schritt-für-Schritt-Anleitung bietet einen umfassenden Entwurf für das mühelose Hinzufügen von Barcode-Scan-Funktionen in Webanwendungen und demonstriert das Potenzial der Technologie, das Benutzererlebnis zu revolutionieren und die Grenzen zwischen der virtuellen und der physischen Welt neu zu definieren.

Eine detaillierte Anleitung zum Lesen von Barcodes mit Codebeispielen finden Sie unter IronBarcode Besuchen Sie hier. Um zu erfahren, wie Sie IronBarcode mit Blazor Application verwenden können, besuchen Sie diese link.