웹 애플리케이션에 바코드 스캐너를 통합하는 방법

바코드 스캐닝 웹 애플리케이션 만들기

이 섹션에서는 IronBarcode를 사용하여 바코드를 스캔하고 결과를 표시하는 웹 애플리케이션을 빌드하는 방법을 설명합니다.

1. 아래 이미지와 같이 Visual Studio에서 새로운 ASP.NET 웹 애플리케이션 프로젝트를 만듭니다.

   

   

2. NuGet 패키지 관리자 콘솔을 사용하여 IronBarcode를 설치하세요.

   이를 위해 NuGet 패키지 관리자 콘솔을 열고 IronBarcode를 설치하기 위한 다음 명령을 실행하세요:

   Install-Package BarCode

   패키지는 NuGet 웹사이트에서 직접 다운로드할 수도 있습니다.

3. 설치가 완료되면 Default.aspx 파일을 열고 프론트엔드 코드로 교체하세요. 이는 파일 업로드 버튼, '바코드 스캔' 텍스트의 버튼 및 결과를 보여주는 레이블을 생성합니다.

   <%@ 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. 이제 QR 코드 또는 바코드가 포함된 업로드된 이미지를 가져와 스캔하고 결과를 표시하는 백엔드 코드를 작성하겠습니다.

   Default.aspx.cs 파일을 열고 기존 코드를 다음으로 교체합니다:

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

   $vbLabelText   $csharpLabel

5. 이제 프로젝트가 완료되었으니, 실행하고 다음 URL에서 웹 페이지를 열 수 있습니다: "https://localhost:44335/Default".

   

6. '파일 선택' 버튼을 클릭하고 QR 코드가 포함된 이미지를 업로드하세요.

   

7. 마지막으로 '바코드 스캔' 버튼을 클릭하세요; 버튼 아래에 출력이 표시됩니다.

   

위는 바코드 스캔 기능이 있는 웹 페이지를 만드는 모든 단계입니다. 이제 온라인에서 바코드를 읽을 수 있으며, IronBarcode를 사용하여 쉽게 웹 애플리케이션에 통합할 수 있습니다.