Web Uygulamasına Barkod Tarayıcı Nasıl Entegre Edilir

Barkod Tarama Web Uygulaması Oluşturma

Bu bölümde, barkodları tarayıp sonuçları gösteren bir web uygulaması oluşturmak için IronBarcode'un nasıl kullanılacağını göstereceğiz.

1. Aşağıdaki resimlerde gösterildiği gibi Visual Studio'da yeni bir ASP.NET web uygulama projesi oluşturarak başlayın.

2. IronBarcode'u NuGet Paket Yöneticisi Konsolu ile yükleyin.

   Bunu yapmak için, NuGet Paket Yöneticisi Konsolu'nu açın ve IronBarcode'u yüklemek için aşağıdaki komutu çalıştırın:

   Install-Package BarCode

   Paketi doğrudan NuGet web sitesinden de indirebilirsiniz.

3. Kurulum tamamlandıktan sonra, Default.aspx dosyasını açın ve Ön Uç kodunuzla değiştirin. Bu, bir dosya yükleme düğmesi, 'Barkodu Tara' metniyle bir düğme ve sonuçları göstermek için bir etiket oluşturacaktır.

   <%@ 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. Şimdi bir yüklenmiş resmi alıp, QR kodunu veya Barkodu tarayarak sonuçları gösterecek arka uç kodunu yazacağız.

   Default.aspx.cs dosyasını açın ve mevcut kodu aşağıdakiyle değiştirin:

   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;
           }
       }
   }

   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;
           }
       }
   }

   Imports IronBarCode
   Imports System
   Imports System.IO
   
   Partial Public Class _Default
   	Inherits System.Web.UI.Page
   
   	' Event handler for the 'Scan Barcode' button click
   	Protected Sub btnScan_Click(ByVal sender As Object, ByVal e As EventArgs)
   		Try
   			' Ensure a file has been uploaded
   			If fileUpload.HasFile Then
   				' Get the uploaded file stream
   				Dim stream As Stream = fileUpload.PostedFile.InputStream
   
   				' Use IronBarcode to read the barcode from the stream
   				Dim barcodeResults = BarcodeReader.Read(stream)
   
   				' Display the scanned barcode result
   				lblResult.Text = "Scanned Barcode: " & barcodeResults
   			Else
   				lblResult.Text = "Please upload an image."
   			End If
   		Catch ex As Exception
   			' Display any errors that occur during the scanning process
   			lblResult.Text = "Error: " & ex.Message
   		End Try
   	End Sub
   End Class

   $vbLabelText   $csharpLabel
5. Projemiz şimdi tamamlandı, çalıştırabiliriz ve şu URL'de bir web sayfası açabiliriz "https://localhost:44335/Default".

6. Dosya Seç düğmesine tıklayın ve QR kodunu içeren resmi yükleyin.

7. Sonunda, Barkodu Tara düğmesine tıklayın; düğmenin altında çıktıyı gösterecektir.

Yukarıda, barkod tarama yeteneklerine sahip bir web sayfası oluşturmanın tüm adımları bulunmaktadır. Artık barkodları çevrimiçi okuyabileceksiniz ve IronBarcode kullanarak web uygulamalarınıza kolayca entegre edilebilir.