Çizgikodu Tarayıcı Web Uygulamasına Nasıl Entegre Edilirsiniz

Barkod Tarama Web Uygulaması Oluşturma

Bu bölümde, IronBarcode kullanarak barkod tarayacak ve sonuçları gösterecek bir web uygulaması oluşturmanın nasıl yapılacağını göstereceğiz.

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

   

   

2. NuGet Paket Yöneticisi Konsolunu kullanarak IronBarcode'u yükleyin.

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

   Install-Package BarCode

   NuGet web sitesinden paketi doğrudan indirebilirsiniz.

3. Kurulum tamamlandıktan sonra Default.aspx dosyasını açın ve onu ön yüz kodlarınızla değiştirin. Bu, bir dosya yükleme düğmesi, 'Barkod Tara' metni içeren 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, yüklenen resmi alacak, QR kodu veya Barkod için tarayacak, sonuçları gösterecek arka plan kodunu yazacağız.

   Varolan kodu aşağıdaki ile değiştirmek için Default.aspx.cs dosyasını açın:

   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 "https://localhost:44335/Default" URL'sinde bir web sayfası açabiliriz.

   

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

   

7. Sonunda, Barkod Tara düğmesine tıklayın; düğmenin altında çıktıyı görüntüleyecektir.

   

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