웹 애플리케이션에 바코드 스캐너를 통합하는 방법은 무엇인가요?

웹 애플리케이션에 바코드 스캐너를 통합하려면 IronBarcode 라이브러리를 사용할 수 있습니다. 먼저 라이브러리를 다운로드하고, Visual Studio에서 ASP.NET 웹 애플리케이션을 생성한 다음, HTML과 CSS를 사용하여 프런트엔드를 설정하세요. IronBarcode 사용하면 업로드된 이미지를 처리하여 바코드를 스캔하고 결과를 효율적으로 표시할 수 있습니다.

웹 애플리케이션에서 바코드 스캐너를 사용하면 어떤 이점이 있나요?

웹 애플리케이션에 바코드 스캐너를 통합하면 재고 관리 개선, 사용자 경험 향상, 데이터 입력 간소화 등 다양한 이점을 얻을 수 있습니다. IronBarcode 다양한 바코드 형식과 심볼을 지원하므로 원활한 통합을 위한 다재다능한 도구입니다.

내 프로젝트에 바코드 스캔 기능을 추가하기 위해 IronBarcode 어떻게 설치할 수 있나요?

Visual Studio의 NuGet 패키지 관리자를 사용하여 IronBarcode 설치할 수 있습니다. Install-Package IronBarCode 명령을 사용하여 프로젝트에 추가하면 바코드 스캔 기능을 사용할 수 있습니다.

바코드 스캔 웹 애플리케이션의 주요 구성 요소는 무엇입니까?

바코드 스캔 웹 애플리케이션은 일반적으로 파일 업로드 버튼, 스캔 버튼, 그리고 결과를 표시하는 레이블이 있는 프런트엔드를 포함합니다. 백엔드는 IronBarcode 사용하여 이미지를 처리하고 바코드 데이터를 읽어 표시합니다.

바코드 스캔 애플리케이션에서 파일이 업로드되지 않았을 때 발생하는 오류를 어떻게 처리해야 할까요?

애플리케이션에 파일이 업로드되지 않은 경우, '이미지를 업로드해 주세요'와 같은 메시지를 사용자에게 표시하여 원활한 사용자 경험을 제공할 수 있습니다.

IronBarcode Blazor 애플리케이션에서 사용할 수 있나요?

네, IronBarcode Blazor 애플리케이션에 통합할 수 있습니다. IronBarcode 사용하여 바코드 스캔 기능을 통합하는 과정을 안내하는 튜토리얼이 제공됩니다.

바코드 스캔 웹 애플리케이션을 실행하는 데에는 어떤 단계가 포함되나요?

마지막 단계는 프로젝트를 실행하고 바코드 또는 QR 코드가 포함된 이미지를 업로드하여 스캐너가 웹 페이지에 결과를 정확하게 읽고 표시하는지 확인하는 것입니다.

IronBarcode 웹 애플리케이션의 기능을 어떻게 향상시키나요?

IronBarcode 물리적 제품과 온라인 기능 간의 원활한 상호 작용을 가능하게 하고, 다양한 바코드 형식을 지원하며, 바코드를 효율적으로 디코딩하고 조작할 수 있는 강력한 툴킷을 제공하여 웹 애플리케이션을 향상시킵니다.

What error handling is implemented in the barcode scanning process?

The barcode scanning process includes error handling to ensure that uploaded files are processed correctly, displaying error messages if issues occur during scanning.

Can images be scanned from any device using IronBarcode?

Yes, images can be scanned and uploaded from any camera-equipped device, maximizing the mobility and accessibility of the digital ecosystem with IronBarcode.

C# 바코드 라이브러리

Explore IronBarcode 무료 체험 시작하기

바코드 빠른 시작

코드 예제 모두 보기

using IronBarCode;
using System.Drawing;

// Reading a barcode is easy with IronBarcode!
var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file
var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap
var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image file
var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf

// To configure and fine-tune barcode reading, utilize the BarcodeReaderOptions class
var myOptionsExample = new BarcodeReaderOptions
{
    // Choose a reading speed from: Faster, Balanced, Detailed, ExtremeDetail
    // There is a tradeoff in performance as more detail is set
    Speed = ReadingSpeed.Balanced,

    // Reader will stop scanning once a single barcode is found (if set to true)
    ExpectMultipleBarcodes = true,

    // By default, all barcode formats are scanned for
    // Specifying a subset of barcode types to search for would improve performance
    ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional,

    // Utilize multiple threads to read barcodes from multiple images in parallel
    Multithreaded = true,

    // Maximum threads for parallelized barcode reading
    // Default is 4
    MaxParallelThreads = 2,

    // The area of each image frame in which to scan for barcodes
    // Specifying a crop area will significantly improve performance and avoid noisy parts of the image
    CropArea = new Rectangle(),

    // Special setting for Code39 barcodes
    // If a Code39 barcode is detected, try to read with both the base and extended ASCII character sets
    UseCode39ExtendedMode = true
};

// Read with the options applied
var results = BarcodeReader.Read("barcode.png", myOptionsExample);

// Create a barcode with one line of code
var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8);

// After creating a barcode, we may choose to resize
myBarcode.ResizeTo(400, 100);

// Save our newly-created barcode as an image
myBarcode.SaveAsImage("EAN8.jpeg");

// Get the barcode as an image for further processing
var myBarcodeImage = myBarcode.Image;

using IronBarCode;
using System.Drawing;

// Reading a barcode is easy with IronBarcode!
var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file
var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap
var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image file
var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf

// To configure and fine-tune barcode reading, utilize the BarcodeReaderOptions class
var myOptionsExample = new BarcodeReaderOptions
{
    // Choose a reading speed from: Faster, Balanced, Detailed, ExtremeDetail
    // There is a tradeoff in performance as more detail is set
    Speed = ReadingSpeed.Balanced,

    // Reader will stop scanning once a single barcode is found (if set to true)
    ExpectMultipleBarcodes = true,

    // By default, all barcode formats are scanned for
    // Specifying a subset of barcode types to search for would improve performance
    ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional,

    // Utilize multiple threads to read barcodes from multiple images in parallel
    Multithreaded = true,

    // Maximum threads for parallelized barcode reading
    // Default is 4
    MaxParallelThreads = 2,

    // The area of each image frame in which to scan for barcodes
    // Specifying a crop area will significantly improve performance and avoid noisy parts of the image
    CropArea = new Rectangle(),

    // Special setting for Code39 barcodes
    // If a Code39 barcode is detected, try to read with both the base and extended ASCII character sets
    UseCode39ExtendedMode = true
};

// Read with the options applied
var results = BarcodeReader.Read("barcode.png", myOptionsExample);

// Create a barcode with one line of code
var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8);

// After creating a barcode, we may choose to resize
myBarcode.ResizeTo(400, 100);

// Save our newly-created barcode as an image
myBarcode.SaveAsImage("EAN8.jpeg");

// Get the barcode as an image for further processing
var myBarcodeImage = myBarcode.Image;

PM >Install-Package BarCode

Install-Package BarCode

IRONBARCODE 사용

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

Curtis Chau

Updated: 2026년 6월 28일

오늘날의 디지털 시대에는 물리적 및 가상 세계의 원활한 융합이 다양한 프로세스를 최적화하기 위해 점점 더 중요해지고 있습니다. 이러한 통합의 한 예시로 바코드 스캐너를 웹 애플리케이션에 통합하는 것이 있습니다. 실제 상품과 온라인 기능의 간극을 연결하는 것으로, 비즈니스와 개인 모두가 용이한 재고 관리 및 향상된 사용자 경험에서부터 데이터 입력의 간소화, 효율적인 추적 시스템 및 QR 코드 스캔까지 다양한 가능성을 열 수 있습니다. 이 통합은 온라인 애플리케이션의 전체 기능을 향상시킬 뿐만 아니라, 보다 상호 연결되고 효율적인 디지털 생태계로 가는 길을 열어줍니다.

IronBarcode를 사용하여 웹 애플리케이션에 바코드 스캐너를 추가할 것입니다. 바코드 스캐너를 웹 기반 애플리케이션에 추가하면 이미지가 카메라 장치를 갖춘 어떤 기기에서든지 스캔 및 업로드가 가능하며, 이를 통해 디지털 생태계의 이동성을 극대화할 수 있습니다.

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

C# IronBarcode 라이브러리를 다운로드합니다.
Visual Studio에서 새 ASP.NET 웹 애플리케이션 프로젝트를 생성합니다.
HTML5 및 CSS를 사용하여 프런트 엔드를 설계합니다.
업로드된 QR 코드를 가져와 텍스트로 변환하는 백엔드 메서드를 작성하세요.
결과를 Label을 사용하여 표시하세요.

IronBarcode

IronBarcode는 기술과 편리함의 교차점에서 강력한 솔루션으로 자리 잡고 있으며, 개발자들에게는 바코드 스캔 및 생성 기능을 애플리케이션에 매끄럽게 통합할 수 있는 강력한 도구 세트를 제공합니다. 완전한 기능과 직관적인 디자인을 갖춘 IronBarcode는 비즈니스와 프로그래머가 소프트웨어 환경 내에서 바코드를 쉽게 디코딩, 인코딩 및 조작할 수 있도록 합니다. 재고 관리 최적화, 데이터 교환 촉진, 사용자 경험 향상 등 어떤 목표를 가지고 있든, IronBarcode는 복잡한 바코드 처리 세계를 단순화하고 브라우저를 통해 물리적 세계와 디지털 방식으로 상호작용할 수 있게 해줍니다. IronBarcode는 모든 바코드 형식과 바코드 심볼로지를 지원합니다.

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

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

아래 이미지와 같이 Visual Studio에서 새로운 ASP.NET 웹 애플리케이션 프로젝트를 만듭니다.
NuGet 패키지 관리자 콘솔을 사용하여 IronBarcode를 설치하세요.

이를 위해 NuGet 패키지 관리자 콘솔을 열고 IronBarcode를 설치하기 위한 다음 명령을 실행하세요:
PM > Install-Package BarCode
```
Install-Package BarCode
```
패키지는 NuGet 웹사이트에서 직접 다운로드할 수도 있습니다.

설치가 완료되면 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

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

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

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

이제 프로젝트가 완료되었습니다. 실행하여 다음 URL "https://localhost:44335/Default"에 웹 페이지를 열 수 있습니다.
'파일 선택' 버튼을 클릭하고 QR 코드가 포함된 이미지를 업로드하세요.
마지막으로 '바코드 스캔' 버튼을 클릭하세요; 버튼 아래에 출력이 표시됩니다.

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

결론

IronBarcode와 같은 도구와 솔루션을 통해 웹 애플리케이션에 바코드 스캐너를 통합하는 것은 물리적 및 디지털 영역의 변혁적인 융합을 나타내며, 실물 제품과 온라인 기능 간의 원활한 상호작용을 촉진합니다. 이 통합은 비즈니스와 개인이 프로세스를 향상시키고, 복잡한 바코드 처리를 단순화하며, 더 많은 연결성과 최적화된 디지털 생태계를 조성할 수 있도록 합니다. 여기 제공된 단계별 가이드는 웹 애플리케이션에 바코드 스캔 기능을 손쉽게 추가하기 위한 포괄적인 청사진을 제공하며, 기술이 사용자 경험을 혁신하고 가상과 물리적 세계 간의 경계를 재정의할 잠재력을 가지고 있음을 보여줍니다.

IronBarcode를 사용하여 코드 예제로 바코드를 읽는 방법에 대한 자세한 튜토리얼은 여기를 방문하세요. 링크를 방문하여 IronBarcode를 Blazor 애플리케이션에서 사용하는 방법을 배워보세요.

Curtis Chau

지금 바로 엔지니어링 팀과 채팅하세요

기술 문서 작성자

커티스 차우는 칼턴 대학교에서 컴퓨터 과학 학사 학위를 취득했으며, Node.js, TypeScript, JavaScript, React를 전문으로 하는 프론트엔드 개발자입니다. 직관적이고 미적으로 뛰어난 사용자 인터페이스를 만드는 데 열정을 가진 그는 최신 프레임워크를 활용하고, 잘 구성되고 시각적으로 매력적인 매뉴얼을 제작하는 것을 즐깁니다.

...

더 읽어보기