ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법

IronBarcode

IronBarcode는 .NET 응용 프로그램에서 바코드 이미지를 생성, 읽기 및 조작하는 다양한 기능을 제공하는 인기 있는 .NET 바코드 라이브러리입니다. 이 라이브러리는 .NET 구성 요소 및 라이브러리에 특화된 소프트웨어 개발 회사인 Iron Software에 의해 개발 및 관리되고 있습니다. IronBarcode는 Code 128, Code 39, QR 코드, 데이터 매트릭스 및 PDF417을 포함한 다양한 바코드 형식을 지원합니다. 또한 사용자 정의 차원, 색상, 글꼴로 바코드를 생성하고 바코드 이미지에 텍스트 및 로고를 추가하는 기능도 제공합니다.

바코드 생성 외에도, IronBarcode는 바코드 이미지를 읽고 디코딩하는 기능을 포함하고 있습니다. 이 라이브러리는 이미지, PDF 문서 및 실시간 카메라 피드에서 바코드를 읽고 디코딩할 수 있습니다. 1D 및 2D 바코드 포맷 모두를 지원하며, 심지어 부분적으로 가려지거나 손상된 바코드도 인식할 수 있습니다.

필수 조건

IronBarcode을 .NET 애플리케이션에서 사용하기 전에 몇 가지 선행 조건이 충족되어야 합니다.

1. .NET Framework 또는 .NET Core: IronBarcode는 .NET Framework 및 .NET Core 모두에서 작동하도록 설계되었습니다. 개발 환경에 적절한 .NET 버전이 설치되어 있는지 확인하세요.
2. Visual Studio: IronBarcode는 개발과 테스트를 쉽게 하기 위해 Visual Studio와 통합될 수 있습니다. Visual Studio Community, Professional 또는 Enterprise 에디션을 사용할 수 있습니다. Visual Studio 웹사이트에서 다운로드할 수 있습니다.
3. IronBarcode 라이브러리: Iron Software 웹사이트 또는 NuGet 패키지 매니저를 통해 IronBarcode 라이브러리를 다운로드하고 설치하세요. 이 라이브러리는 NuGet 패키지 관리자 콘솔을 사용하여 다음 명령을 실행하여 설치할 수 있습니다: Install-Package BarCode.

IronBarcode는 개발 목적으로는 무료지만, 상업적 및 배포 목적으로는 라이센스를 받아야 합니다. 무료 체험판을 통해 모든 기능을 테스트할 수 있습니다.

새 ASP.NET MVC 프로젝트 만들기

Visual Studio를 열고 새 프로젝트 만들기를 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법: 그림 1

새 창에서 'ASP.NET MVC (Web App) Model View Controller'를 찾아 선택한 후 다음 버튼을 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법: 그림 2

새 프로젝트의 이름과 위치를 입력하고 다음을 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법: 그림 3

.NET 버전을 선택하고 다른 옵션은 그대로 두고 'Create'를 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법: 그림 4

.NET 프로젝트가 생성되었습니다.

ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법: 그림 5

IronBarcode 설치하기

IronBarcode를 사용하여 바코드 이미지 생성 및 표시하기

이제 환경이 설정되었으므로 ASP.NET MVC에서 바코드 이미지를 동적으로 생성하는 코드를 작성하는 방법을 시작할 수 있습니다.

먼저, 모델 폴더 아래에 GenerateBarcodeModel.cs라는 클래스를 생성합니다.

using System.ComponentModel.DataAnnotations;

namespace GenerateBarcodeMVCCore6_Demo.Models
{
    public class GenerateBarcodeModel
    {
        [Display(Name = "Enter Barcode Text")]
        public string Barcode { get; set; }
    }
}

using System.ComponentModel.DataAnnotations;

namespace GenerateBarcodeMVCCore6_Demo.Models
{
    public class GenerateBarcodeModel
    {
        [Display(Name = "Enter Barcode Text")]
        public string Barcode { get; set; }
    }
}

생성된 바코드 이미지를 저장하기 위해 wwwroot 폴더 아래에 "GeneratedBarcode"라는 폴더를 생성합니다.

ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법: 그림 10

"controllers" 폴더의 HomeController.cs 클래스에 다음 액션 메서드를 추가하십시오.

using Microsoft.AspNetCore.Mvc;
using IronBarCode;
using System;
using System.Drawing;
using System.IO;

namespace YourNamespace.Controllers
{
    public class HomeController : Controller
    {
        private readonly IWebHostEnvironment _environment;

        public HomeController(IWebHostEnvironment environment)
        {
            _environment = environment;
        }

        public IActionResult CreateBarcode()
        {
            return View();
        }

        // Handling POST operation inside this Action method
        [HttpPost]
        public IActionResult CreateBarcode(GenerateBarcodeModel generateBarcode)
        {
            try
            {
                // Create a barcode using the input text
                GeneratedBarcode barcode = BarcodeWriter.CreateBarcode(generateBarcode.Barcode, BarcodeWriterEncoding.Code128);

                // Adding annotation text to barcode
                barcode.AddBarcodeValueTextBelowBarcode();

                // Styling the Barcode
                barcode.ResizeTo(400, 120);
                barcode.ChangeBarCodeColor(Color.Red);
                barcode.SetMargins(10);

                // Define path to save the barcode image
                string path = Path.Combine(_environment.WebRootPath, "GeneratedBarcode");
                if (!Directory.Exists(path))
                {
                    Directory.CreateDirectory(path);
                }

                // Save the generated barcode as a PNG file
                string filePath = Path.Combine(_environment.WebRootPath, "GeneratedBarcode/barcode.png");
                barcode.SaveAsPng(filePath);

                // Get the file name and URL for the generated barcode image
                string fileName = Path.GetFileName(filePath);
                string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedBarcode/{fileName}";
                ViewBag.QrCodeUri = imageUrl;
            }
            catch (Exception)
            {
                throw;
            }
            return View();
        }
    }
}

using Microsoft.AspNetCore.Mvc;
using IronBarCode;
using System;
using System.Drawing;
using System.IO;

namespace YourNamespace.Controllers
{
    public class HomeController : Controller
    {
        private readonly IWebHostEnvironment _environment;

        public HomeController(IWebHostEnvironment environment)
        {
            _environment = environment;
        }

        public IActionResult CreateBarcode()
        {
            return View();
        }

        // Handling POST operation inside this Action method
        [HttpPost]
        public IActionResult CreateBarcode(GenerateBarcodeModel generateBarcode)
        {
            try
            {
                // Create a barcode using the input text
                GeneratedBarcode barcode = BarcodeWriter.CreateBarcode(generateBarcode.Barcode, BarcodeWriterEncoding.Code128);

                // Adding annotation text to barcode
                barcode.AddBarcodeValueTextBelowBarcode();

                // Styling the Barcode
                barcode.ResizeTo(400, 120);
                barcode.ChangeBarCodeColor(Color.Red);
                barcode.SetMargins(10);

                // Define path to save the barcode image
                string path = Path.Combine(_environment.WebRootPath, "GeneratedBarcode");
                if (!Directory.Exists(path))
                {
                    Directory.CreateDirectory(path);
                }

                // Save the generated barcode as a PNG file
                string filePath = Path.Combine(_environment.WebRootPath, "GeneratedBarcode/barcode.png");
                barcode.SaveAsPng(filePath);

                // Get the file name and URL for the generated barcode image
                string fileName = Path.GetFileName(filePath);
                string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedBarcode/{fileName}";
                ViewBag.QrCodeUri = imageUrl;
            }
            catch (Exception)
            {
                throw;
            }
            return View();
        }
    }
}

위 코드의 액션 메서드는 나중에 생성할 'View'에서 생성된 제출 요청을 처리합니다. IronBarcode를 사용하면 바코드 형식, 이미지 요소, 바코드 글꼴 및 HTML 이미지 요소를 사용자 지정할 수 있습니다. 추가 사용자 지정을 위해 Iron Drawing과 같은 추가 라이브러리가 필요할 수 있습니다. 더 자세한 API 문서는 여기에서 찾을 수 있습니다.

이제 바코드 생성기 메서드를 위한 'View'를 만들 수 있습니다.

HomeController.cs 파일에서 CreateBarcode 메서드를 마우스 오른쪽 버튼으로 클릭하고 Add View를 클릭하십시오.

ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법: 그림 11

Razor View를 선택하고 '추가'를 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법: 그림 12

아래 이미지에 표시된 매개 변수를 선택하고 'Add'를 클릭하세요. 해당 메서드에 대한 'View'가 자동으로 추가됩니다.

ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법: 그림 13

원하는 대로 인터페이스를 변경하기 위해 생성된 코드를 수정할 수 있습니다.

@model GenerateBarcodeMVCCore6_Demo.Models.GenerateBarcodeModel

@{
    ViewData["Title"] = "CreateBarcode";
}

<h1>CreateBarcode</h1>

<form asp-action="CreateBarcode" method="post">
    <div>
        <label asp-for="Barcode"></label>
        <input asp-for="Barcode" />
        <span asp-validation-for="Barcode"></span>
    </div>
    <button type="submit">Generate Barcode</button>
</form>

@if (ViewBag.QrCodeUri != null)
{
    <div>
        <img src="@ViewBag.QrCodeUri" alt="Barcode Image" />
    </div>
}

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}

이제 모든 것이 설정되었습니다. _Layout.cshtml 파일을 열고 navbar에 CreateBarcode 옵션을 추가하는 코드를 추가하십시오.

<li class="nav-item">
    <a class="nav-link text-dark" asp-controller="Home" asp-action="CreateBarcode">CreateBarcode</a>
</li>

<li class="nav-item">
    <a class="nav-link text-dark" asp-controller="Home" asp-action="CreateBarcode">CreateBarcode</a>
</li>

이제 애플리케이션을 실행하고, 텍스트 필드에 텍스트를 입력한 후 'Generate barcode' 버튼을 클릭하면 바코드 이미지가 동적으로 생성되어 표시됩니다.

6. 결론

ASP.NET MVC 애플리케이션에서 바코드 이미지를 동적으로 생성하고 표시하는 것은 IronBarcode 라이브러리를 사용하여 가능하며, 이는 .NET 애플리케이션에서 바코드 이미지를 생성, 읽기 및 조작하기 위한 풍부한 기능을 제공합니다. .NET Framework, Visual Studio 및 IronBarcode 라이브러리를 설치하는 것과 같은 전제 조건을 충족함으로써 개발자는 쉽게 ASP.NET MVC 프로젝트를 생성하고 각종 형식의 바코드 이미지를 생성하고 표시할 수 있습니다. IronBarcode 라이브러리는 개발자에게 사용자 지정 치수, 색상 및 글꼴로 바코드를 생성하고, 바코드 이미지에 텍스트와 로고를 추가하는 기능을 제공합니다. 바코드 생성 외에도, IronBarcode는 바코드 이미지를 읽고 디코딩하는 기능을 포함하고 있습니다. IronBarcode를 사용하면 개발자는 쉽고 강력하며 사업 요구사항을 충족하는 동적 웹 애플리케이션을 만들 수 있습니다. 이 주제에 관한 관련 튜토리얼은 다음 링크를 방문하세요. 바코드 및 QR 코드 생성에 대한 단계별 튜토리얼은 다음 링크를 참조하세요.