Comment intégrer un lecteur de codes-barres dans une application Web ?

À l'ère du numérique, la convergence transparente des mondes physique et virtuel est devenue de plus en plus importante pour l'optimisation de divers processus. Un exemple d'intégration qui illustre cette tendance est l'incorporation d'un lecteur de codes-barres dans les applications web. En comblant le fossé entre les produits tangibles et les fonctionnalités en ligne, les entreprises et les particuliers peuvent ouvrir un champ de possibilités, allant de la gestion des stocks sans effort et de l'amélioration de l'expérience des utilisateurs à la rationalisation de la saisie des données, aux systèmes de suivi efficaces et à la numérisation des codes QR. Cette intégration améliore non seulement la fonctionnalité globale des applications en ligne, mais ouvre également la voie à un écosystème numérique plus interconnecté et plus efficace.

Dans cet article, nous utiliseronsIronBarcode pour ajouter un lecteur de codes-barres à une application web. En ajoutant un lecteur de codes-barres à une application web, les images peuvent être scannées et téléchargées à partir de n'importe quel appareil photo, maximisant ainsi la mobilité de l'écosystème numérique.

Comment intégrer un lecteur de codes-barres dans une application Web ?

1. Télécharger la bibliothèque IronBarcode C#.

2. Créez un nouveau projet d'application web ASP.NET dans Visual Studio.

3. Concevoir le front-end en utilisant HTML5 et CSS.

4. Écrire des méthodes de backend qui prendront le code QR téléchargé et le convertiront en texte.

5. Affichez le résultat à l'aide d'une étiquette.

IronBarcode

IronBarcode est une solution puissante à l'intersection de la technologie et de la commodité, offrant aux développeurs une boîte à outils robuste pour intégrer en douceur la lecture et la génération de codes-barres dans leurs applications. Grâce à ses fonctionnalités complètes et à sa conception intuitive, IronBarcode permet aux entreprises et aux programmeurs de décoder, d'encoder et de manipuler sans effort les codes à barres dans leurs environnements logiciels. Qu'il vise à optimiser la gestion des stocks, à faciliter l'échange de données ou à améliorer l'expérience des utilisateurs, IronBarcode ouvre un champ de possibilités, en simplifiant le monde complexe du traitement des codes-barres et en permettant aux applications d'interagir avec le monde physique de manière numérique à l'aide du navigateur. IronBarcode prend en charge tous les formats et toutes les symbologies de codes-barres.

Création d'une application Web de lecture de codes-barres

Dans cette section, nous allons montrer comment utiliser IronBarcode pour créer une application web qui scannera les codes-barres et affichera les résultats.

1. Commencez par créer un nouveau projet d'application web ASP.NET dans Visual Studio, comme le montrent les images ci-dessous.

   

   

2. Installez IronBarcode à l'aide de la console NuGet Package Manager.

   Pour ce faire, ouvrez la console du gestionnaire de paquets NuGet et lancez la commande suivante, elle installera IronBarcode en quelques secondes.

    :ProductInstall

Vous pouvez également télécharger le paquet directement à partir du siteSite web de NuGet.

3. Une fois l'installation terminée, ouvrez le fichier Default.aspx et remplacez-le par votre code frontal. Cela créera un bouton de téléchargement de fichier, un bouton avec le texte "Scanner le code-barres" et une étiquette pour afficher les résultats.

    <%@ 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. Nous allons maintenant écrire le code du backend qui prendra une image téléchargée et la scannera à la recherche d'un code QR ou d'un code-barres et affichera les résultats.

   Ouvrez le fichier Default.aspx.cs et remplacez le code présent par le code ci-dessous.

    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. Maintenant que notre projet est terminé, nous pouvons l'exécuter et ouvrir une page web à l'URL suivante "https://localhost:44335/Default".

   

6. Cliquez sur le bouton Choisir un fichier et téléchargez l'image contenant le code QR.

   

7. A la fin, cliquez sur le bouton Scan Barcode et le résultat s'affichera sous le bouton.

   

   Voici toutes les étapes pour créer une page web qui a des capacités de lecture de codes-barres ; vous serez maintenant en mesure de lire des codes-barres en ligne, et cela est facilement intégré à vos applications web en utilisant IronBarcode.

Conclusion

L'intégration d'un lecteur de codes-barres dans les applications web par le biais d'outils et de solutions comme IronBarcode représente une convergence transformatrice des domaines physique et numérique, facilitant les interactions transparentes entre les produits tangibles et les fonctionnalités en ligne. Cette intégration permet aux entreprises et aux particuliers d'améliorer les processus, de la gestion rationalisée des stocks à la saisie efficace des données, tout en simplifiant le traitement des codes-barres complexes, favorisant ainsi un écosystème numérique plus interconnecté et optimisé. Le guide étape par étape proposé ici offre un plan complet pour ajouter sans effort des capacités de lecture de codes-barres dans les applications web, démontrant le potentiel de la technologie à révolutionner les expériences des utilisateurs et à redéfinir les frontières entre les mondes virtuels et physiques.

Pour un tutoriel détaillé sur la lecture des codes-barres avec des exemples de codes utilisant la technologieIronBarcode Visiterici. Pour savoir comment utiliser IronBarcode avec l'application Blazor, visitez le site suivantlien.