ASP.NET .NET Core 에서 QR 코드를 생성하는 방법

ASP.NET Core에서 QR 코드 생성 방법

1. Visual Studio를 사용하여 ASP.Net 프로젝트 생성
2. IronQR 라이브러리를 패키지 관리자에서 설치
3. QR 코드 생성
4. 형식을 지정하여 QR 코드 생성

IronQR 이해하기

IronQR은 .NET 응용 프로그램을 위한 고성능 QR 코드 생성 라이브러리입니다. 다양한 사용자 정의 옵션과 함께 QR 코드를 생성하기 위한 간단하고 직관적인 API를 제공합니다. IronQR는 .NET Standard를 지원하여 ASP.NET Core를 포함한 다양한 플랫폼과 호환됩니다. IronQR를 사용하여 개발자는 다양한 데이터 유형, 오류 수정 수준, 크기 및 형식으로 QR 코드를 손쉽게 생성할 수 있습니다.

주요 기능

1단계: Visual Studio를 사용하여 새 ASP.NET 프로젝트 생성

QR 코드 생성에 들어가기 전에, 새 ASP.NET Core 프로젝트를 설정해봅시다. 새 프로젝트를 시작하는 단계는 다음과 같습니다:

Visual Studio에서 새 프로젝트를 생성하고 ASP.Net Core 웹 앱 응용 프로그램 템플릿을 선택하여 시작

프로젝트 이름과 위치를 제공하세요

필요한 .NET 버전을 선택하세요.

"생성" 버튼을 클릭하여 템플릿에서 애플리케이션 코드를 생성합니다

단계 2: 패키지 관리자에서 IronQR 라이브러리 설치

아래와 같이 Visual Studio 패키지 관리자에서 IronQR 라이브러리를 설치하세요.

IronQR는 NuGet 패키지 관리자를 통해서도 설치할 수 있습니다.

단계 3: QR 코드 생성

이제 QR 코드 앱을 만들어 봅시다.

using System.ComponentModel.DataAnnotations;

namespace GenerateQRCode.Models
{
    public class QRCodeModel
    {
        [Display(Name = "Enter QR Code Text")]
        public string QRCodeText { get; set; }
    }
}

using System.ComponentModel.DataAnnotations;

namespace GenerateQRCode.Models
{
    public class QRCodeModel
    {
        [Display(Name = "Enter QR Code Text")]
        public string QRCodeText { get; set; }
    }
}

using GenerateQRCode.Models;
using IronSoftware.Drawing;
using IronQr;
using Microsoft.AspNetCore.Mvc;

namespace GenerateQRCode.Controllers
{
    public class QrCodeController : Controller
    {
        private readonly IWebHostEnvironment _environment;

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

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

        [HttpPost]
        public IActionResult CreateQRCode(QRCodeModel generateQRCode)
        {
            try
            {
                string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");
                if (!Directory.Exists(path))
                {
                    Directory.CreateDirectory(path);
                }
                string filePath = Path.Combine(_environment.WebRootPath, "GeneratedQRCode/qrcode.png");
                // Create a QR Code object
                QrCode myQr = QrWriter.Write(generateQRCode.QRCodeText);
                // Save QR Code as a Bitmap
                AnyBitmap qrImage = myQr.Save();
                // Save QR Code Bitmap as File
                qrImage.SaveAs(filePath);
                string fileName = Path.GetFileName(filePath); // qr code file
                string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}" + "/GeneratedQRCode/" + fileName;
                ViewBag.QrCodeUri = imageUrl;
            }
            catch (Exception)
            {
                throw;
            }
            return View();
        }
    }
}

using GenerateQRCode.Models;
using IronSoftware.Drawing;
using IronQr;
using Microsoft.AspNetCore.Mvc;

namespace GenerateQRCode.Controllers
{
    public class QrCodeController : Controller
    {
        private readonly IWebHostEnvironment _environment;

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

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

        [HttpPost]
        public IActionResult CreateQRCode(QRCodeModel generateQRCode)
        {
            try
            {
                string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");
                if (!Directory.Exists(path))
                {
                    Directory.CreateDirectory(path);
                }
                string filePath = Path.Combine(_environment.WebRootPath, "GeneratedQRCode/qrcode.png");
                // Create a QR Code object
                QrCode myQr = QrWriter.Write(generateQRCode.QRCodeText);
                // Save QR Code as a Bitmap
                AnyBitmap qrImage = myQr.Save();
                // Save QR Code Bitmap as File
                qrImage.SaveAs(filePath);
                string fileName = Path.GetFileName(filePath); // qr code file
                string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}" + "/GeneratedQRCode/" + fileName;
                ViewBag.QrCodeUri = imageUrl;
            }
            catch (Exception)
            {
                throw;
            }
            return View();
        }
    }
}

코드 설명

컨트롤러에 뷰 추가

새 뷰를 추가하려면 CreateQRCode 액션 메서드에서 마우스 오른쪽 버튼을 클릭합니다. QrCodeController 클래스에서.

"뷰 추가"를 선택한 다음 "Razor 뷰"를 선택합니다. "추가" 버튼을 클릭합니다.

그런 다음 "생성" 템플릿과 이전에 생성된 모델 클래스를 선택합니다.

이제 뷰에 아래 코드를 대체합니다.

@model GenerateQRCode.Models.QRCodeModel

@{
    ViewData["Title"] = "Generate QR Code";
}

<h1>Generate QR Code</h1>
<h4>QRCodeModel</h4>
<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="CreateQRCode">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="QRCodeText" class="control-label"></label>
                <input asp-for="QRCodeText" class="form-control" />
                <span asp-validation-for="QRCodeText" class="text-danger"></span>
            </div>
            <div class="form-group">
                <a href="#" class="btn btn-primary">Create QR Code</a>
            </div>
            <div class="form-group">
                <img src="@ViewBag.QrCodeUri" class="img-thumbnail" alt="Your QR Code will appear here." />
            </div>
        </form>
    </div>
</div>
<div>
    <a asp-action="Index">Clear</a>
</div>
@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}

@model GenerateQRCode.Models.QRCodeModel

@{
    ViewData["Title"] = "Generate QR Code";
}

<h1>Generate QR Code</h1>
<h4>QRCodeModel</h4>
<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="CreateQRCode">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="QRCodeText" class="control-label"></label>
                <input asp-for="QRCodeText" class="form-control" />
                <span asp-validation-for="QRCodeText" class="text-danger"></span>
            </div>
            <div class="form-group">
                <a href="#" class="btn btn-primary">Create QR Code</a>
            </div>
            <div class="form-group">
                <img src="@ViewBag.QrCodeUri" class="img-thumbnail" alt="Your QR Code will appear here." />
            </div>
        </form>
    </div>
</div>
<div>
    <a asp-action="Index">Clear</a>
</div>
@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}

앱이 시작될 때 POST 요청에 대한 오류를 발생시키지 않도록 인덱스 액션 메서드에서도 동일하게 수행합니다.

이제 Program.cs에서 다음 코드를 변경하여 위의 뷰를 기본 경로로 만듭니다.

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=QrCode}/{action=Index}"
);

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=QrCode}/{action=Index}"
);

이 작업은 기본 경로를 HomeController에서 QrCodeController로 수정합니다.

이제 프로젝트를 컴파일하고 실행합니다.

텍스트 상자에 원하는 텍스트를 입력하고 '생성'을 클릭합니다. 아래와 같이 새로운 QR 코드가 생성됩니다.

QR 코드에 스타일 추가

QrStyleOptions는 QR 코드 생성을 스타일링하는 데 사용됩니다.

[HttpPost]
public IActionResult CreateQRCode(QRCodeModel generateQRCode)
{
    try
    {
        string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");
        if (!Directory.Exists(path))
        {
            Directory.CreateDirectory(path);
        }
        string filePath = Path.Combine(_environment.WebRootPath, "GeneratedQRCode/qrcode.png");

        // Create a QR Code object
        QrCode qrCode = QrWriter.Write(generateQRCode.QRCodeText);
        QrStyleOptions style = new QrStyleOptions
        {
            Dimensions = 300, // px size
            Margins = 10,     // px margins
            Color = Color.YellowGreen // custom color
        };

        // Save QR Code with style options as a bitmap
        AnyBitmap qrImage = qrCode.Save(style);
        // Save QR Code Bitmap to File
        qrImage.SaveAs(filePath);

        string fileName = Path.GetFileName(filePath); // qr code file
        string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}" + "/GeneratedQRCode/" + fileName;
        ViewBag.QrCodeUri = imageUrl;
    }
    catch (Exception)
    {
        throw;
    }
    return View();
}

[HttpPost]
public IActionResult CreateQRCode(QRCodeModel generateQRCode)
{
    try
    {
        string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");
        if (!Directory.Exists(path))
        {
            Directory.CreateDirectory(path);
        }
        string filePath = Path.Combine(_environment.WebRootPath, "GeneratedQRCode/qrcode.png");

        // Create a QR Code object
        QrCode qrCode = QrWriter.Write(generateQRCode.QRCodeText);
        QrStyleOptions style = new QrStyleOptions
        {
            Dimensions = 300, // px size
            Margins = 10,     // px margins
            Color = Color.YellowGreen // custom color
        };

        // Save QR Code with style options as a bitmap
        AnyBitmap qrImage = qrCode.Save(style);
        // Save QR Code Bitmap to File
        qrImage.SaveAs(filePath);

        string fileName = Path.GetFileName(filePath); // qr code file
        string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}" + "/GeneratedQRCode/" + fileName;
        ViewBag.QrCodeUri = imageUrl;
    }
    catch (Exception)
    {
        throw;
    }
    return View();
}

라이선스 (체험판 이용 가능)

IronQR을 테스트하려는 개발자는 여기에서 체험판 라이센스를 사용할 수 있습니다. 이 라이센스 키는 appSettings.json 파일에 배치되어야 합니다. 그렇게 하여 위의 이미지에 표시된 워터마크를 제거합니다.

{
  "IronQr.License.LicenseKey": "My key"
}

결론

이 기사에서는 IronQR을 사용하여 ASP.NET Core에서 QR 코드를 생성하는 방법을 탐구했습니다. IronQR의 기능을 활용하여 개발자는 웹 애플리케이션에 QR 코드 생성 기능을 쉽게 통합할 수 있습니다. 티켓팅, 인증, 정보 공유 등 다양한 용도로, QR 코드는 데이터를 효율적으로 전송하는 다목적 솔루션을 제공합니다. IronQR을 사용하면 ASP.NET Core에서 QR 코드를 생성하고 맞춤화하는 것이 그 어느 때보다 쉬워졌습니다. QR 코드 생성을 ASP.NET Core 프로젝트에 통합하여 동적 데이터 인코딩 및 공유의 가능성을 열어보세요.