ASP.NET MVC'de QR Kodları Nasıl Oluşturulur

IronBarcode'u Yükleyin

Başlamak için, Visual Studio'da Paket Yönetim Konsolunu açın ve aşağıdaki komutu çalıştırın:

Install-Package IronBarCode

Bu komut, IronBarcode kütüphanesini yükler ve projenize gerekli referansları ekler.

Şimdi, QR kodları oluşturmak için biraz kod yazalım.

Oluştur QRCodeModel

Models klasörünün içine bir Model Sınıfı oluşturun ve aşağıdaki kodu yazın:

using System.ComponentModel.DataAnnotations;

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

using System.ComponentModel.DataAnnotations;

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

Imports System.ComponentModel.DataAnnotations

Public Class QRCodeModel
	<Display(Name := "Enter QR Code Text")>
	Public Property QRCodeText() As String
End Class

QR Kod Kontrolcüsü Oluştur

ASP.NET MVC projenizde, QrCodeController adlı yeni bir denetleyici oluşturun. Bunu yapmak için, proje yapısındaki Kontrolcüler klasörüne sağ tıklayın, "Ekle" yi seçin ve ardından "Kontrolcü" yü seçin. Mevcut seçeneklerden "MVC Kontrolcüsü - Boş" u seçin.

QrCodeController içinde aşağıdaki kodu yazın:

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

public class QrCodeController : Controller
{
    private readonly IWebHostEnvironment _environment;

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

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

    [HttpPost]
    public IActionResult CreateQRCode(QRCodeModel generateQRCode)
    {
        try
        {
            // Creating QR Code
            GeneratedBarcode barcode = QRCodeWriter.CreateQrCode(generateQRCode.QRCodeText);
            string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");

            if (!Directory.Exists(path))
            {
                Directory.CreateDirectory(path);
            }

            string filePath = Path.Combine(path, "qrcode.png");
            barcode.SaveAsPng(filePath);

            string fileName = Path.GetFileName(filePath);
            string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedQRCode/{fileName}";

            ViewBag.QrCodeUri = imageUrl;
        }
        catch (Exception ex)
        {
            // Handle exceptions
            // Log the exception details here for troubleshooting and debugging.
            throw;
        }

        return View();
    }
}

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

public class QrCodeController : Controller
{
    private readonly IWebHostEnvironment _environment;

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

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

    [HttpPost]
    public IActionResult CreateQRCode(QRCodeModel generateQRCode)
    {
        try
        {
            // Creating QR Code
            GeneratedBarcode barcode = QRCodeWriter.CreateQrCode(generateQRCode.QRCodeText);
            string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");

            if (!Directory.Exists(path))
            {
                Directory.CreateDirectory(path);
            }

            string filePath = Path.Combine(path, "qrcode.png");
            barcode.SaveAsPng(filePath);

            string fileName = Path.GetFileName(filePath);
            string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedQRCode/{fileName}";

            ViewBag.QrCodeUri = imageUrl;
        }
        catch (Exception ex)
        {
            // Handle exceptions
            // Log the exception details here for troubleshooting and debugging.
            throw;
        }

        return View();
    }
}

Imports Microsoft.AspNetCore.Mvc
Imports IronBarCode
Imports System.IO

Public Class QrCodeController
	Inherits Controller

	Private ReadOnly _environment As IWebHostEnvironment

	Public Sub New(ByVal environment As IWebHostEnvironment)
		_environment = environment
	End Sub

	Public Function CreateQRCode() As IActionResult
		Return View()
	End Function

	<HttpPost>
	Public Function CreateQRCode(ByVal generateQRCode As QRCodeModel) As IActionResult
		Try
			' Creating QR Code
			Dim barcode As GeneratedBarcode = QRCodeWriter.CreateQrCode(generateQRCode.QRCodeText)
			Dim path As String = System.IO.Path.Combine(_environment.WebRootPath, "GeneratedQRCode")

			If Not Directory.Exists(path) Then
				Directory.CreateDirectory(path)
			End If

			Dim filePath As String = System.IO.Path.Combine(path, "qrcode.png")
			barcode.SaveAsPng(filePath)

			Dim fileName As String = System.IO.Path.GetFileName(filePath)
			Dim imageUrl As String = $"{Me.Request.Scheme}://{Me.Request.Host}{Me.Request.PathBase}/GeneratedQRCode/{fileName}"

			ViewBag.QrCodeUri = imageUrl
		Catch ex As Exception
			' Handle exceptions
			' Log the exception details here for troubleshooting and debugging.
			Throw
		End Try

		Return View()
	End Function
End Class

Bu kod, QR kodları oluşturabilecek bir kontrolcü belirler. CreateQRCode eylemi çağrıldığında, QR kodu için metni alır, QR kodu görüntüsünü oluşturur, kaydeder ve görüntü için URL'yi görüntüleme amacıyla görüntüde sağlar. Daha fazla ayrıntı aşağıdaki gibidir:

• Denetleyicinin, web barındırma ortamına erişmek için bir IWebHostEnvironment parametresi alan bir yapıcısı vardır.
• CreateQRCode eylemi bir görünüm döndürür.
• CreateQRCode eylemi, [HttpPost] niteliği ile, QR kodu metnini içeren bir QRCodeModel parametresi alır.
• Eylemin içinde, IronBarcode kütüphanesinden QRCodeWriter sınıfı kullanılarak bir QR kodu üretilir.
• Üretilen QR kodu, web kök yolunda GeneratedQRCode adlı bir klasörde PNG görüntü dosyası olarak kaydedilir.
• GeneratedQRCode klasörü yoksa oluşturulur.
• Kaydedilen QR kodu görüntüsü için dosya yolu ve URL oluşturulur.
• QR kodu görüntüsünün URL'si, görünümde kullanılması için ViewBag.QrCodeUri özelliğinde saklanır.
• İşlem sırasında meydana gelen tüm istisnalar yakalanır ve kaydedilir.

CreateQRCode Görünümünü Ekle

Şimdi, yeni bir görünüm eklemek için, QrCodeController sınıfındaki CreateQRCode eylem metoduna sağ tıklayın. "Görünüm Ekle" yi seçin, ardından "Razor View" i seçin ve "Ekle" butonuna tıklayın.

Aşağıda gösterildiği gibi yeni bir pencere görünecektir.

Görünüm adını yazın, şablon olarak "Oluştur"u seçin ve yeni oluşturulan model sınıfımız QRCodeModel'ı seçin. Ekle Butonuna tıklayın. Görünüm oluşturulacaktır. Görünümünüzü aşağıdaki kodla değiştirin.

@model QRCodeModel

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

<h1>Create QRCode in ASP.NET MVC</h1>

<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">
                <input type="submit" value="Create" class="btn btn-primary" />
            </div>
            <div class="form-group">
                @if (ViewBag.QrCodeUri != null)
                {
                    <img src="@ViewBag.QrCodeUri" class="img-thumbnail" alt="Generated QR Code" />
                }
            </div>
        </form>
    </div>
</div>

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

Şimdi Program.cs sınıfına geçelim ve varsayılan Denetleyici Yolu'nu değiştirelim.

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

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

app.MapControllerRoute(name:= "default", pattern:= "{controller=QrCode}/{action=CreateQRCode}/{id?}")

Bu, varsayılan yolu HomeController'den bizim QrCodeController'ımıza değiştirecek.

Şimdi projeyi derleyin ve çalıştırın.

Çıktı

Metin kutusuna metni girin ve oluştur butonuna tıklayın. Bir QR kodu oluşturulacak ve aşağıda gösterildiği gibi ekranda görüntülenecektir.

Şimdi, barkodumuza görsel stil ekleyerek açıklama metni, QR Kod değeri ekleyip QR Kod rengini değiştirelim.

QR Koduna Görsel Stil Ekle

CreateQRCode Action yönteminin içine aşağıdaki kod satırını ekleyin.

barcode.AddAnnotationTextAboveBarcode("QR Code Generated by Iron PDF");
barcode.AddBarcodeValueTextBelowBarcode();
barcode.ChangeBackgroundColor(System.Drawing.Color.White);
barcode.ChangeBarCodeColor(System.Drawing.Color.MediumVioletRed);

barcode.AddAnnotationTextAboveBarcode("QR Code Generated by Iron PDF");
barcode.AddBarcodeValueTextBelowBarcode();
barcode.ChangeBackgroundColor(System.Drawing.Color.White);
barcode.ChangeBarCodeColor(System.Drawing.Color.MediumVioletRed);

barcode.AddAnnotationTextAboveBarcode("QR Code Generated by Iron PDF")
barcode.AddBarcodeValueTextBelowBarcode()
barcode.ChangeBackgroundColor(System.Drawing.Color.White)
barcode.ChangeBarCodeColor(System.Drawing.Color.MediumVioletRed)

Şimdi projeyi çalıştırın ve QR Kodunu oluşturun.