ASP.NET MVC'de QR Kodları Nasıl Üretilir

Iron Barcode Yukleyin

Başlamak icin Visual Studio'da Paket Yonetici Konsolunu acin ve asagidaki komutu calistirin:

Install-Package IronBarCode

Bu komut, Iron Barcode kutuphanesini yukleyip projenize gerekli refereanslari ekleyecektir.

Simdi QR kodları oluşturmak icin biraz kod yazalim.

QRCodeModel Oluştur

Modeller klasorunde bir Model Sinifi oluşturun ve asagidaki kodu yazin:

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 Denetleyici Oluştur

ASP.NET MVC projenizde, QrCodeController adında yeni bir denetleyici oluşturun. Bunu yaparken, proje yapinizda Denetleyiciler klasorune sag tiklayin, "Ekle" yi secin, sonra "Denetleyici" yi secin. Mevcut seçeneklerden "MVC Denetleyicisi - Bos" se

QrCodeController içerisine 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 kodlari oluşturabilen bir denetleyici ayarlar. 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üde görüntülemek için URL'yi sağlar. Detaylar asagidaki gibidir:

• Denetleyicinin, web barındırma ortamına erişmek için bir IWebHostEnvironment parametresi alan bir yapıcı metodu vardır.
• CreateQRCode eylemi bir görünüm döner.
• [HttpPost] özniteliği ile CreateQRCode eylemi, QR kodu metnini içeren bir QRCodeModel parametresi alır.
• Eylem içinde, Iron Barcode kutuphanesinden QRCodeWriter sınıfı kullanılarak bir QR kodu oluşturulur.
• Oluşturulan QR kodu, web kök dizinde GeneratedQRCode adlı bir klasör içinde PNG görüntü dosyası olarak kaydedilir.
• GeneratedQRCode klasörü mevcut değilse, oluşturulur.
• Kaydedilen QR kodu resminin dosya yolu ve URL'si oluşturulur.
• QR kodu görüntüsünün URL'si, görünümde kullanılmak üzere ViewBag.QrCodeUri özelliğine kaydedilir.
• İşlem sırasında meydana gelen tüm istisnalar yakalanır ve kaydedilir.

CreateQRCode Görünümü 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 Görünümü"nü seçin ve "Ekle" butonuna tıklayın.

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

Görünüm adını yazın, "Create" şablonunu seçin ve yeni oluşturulan model sınıfımız QRCodeModel 'yı 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 rotayı HomeController 'dan QrCodeController 'a değiştirecektir.

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

Çıktı

Metin kutusuna metni girin ve oluştur butonuna tıklayın. Aşağıda gösterildiği gibi bir QR kodu oluşturulacak ve ekranda gösterilecektir.

Şimdi, anotasyon metni, QR Kod değeri ekleyerek ve QR Kod rengini değiştirerek barkodumuza görsel stil ekleyelim.

QR Koda Görsel Stil Ekle

CreateQRCode Eylem metodunun 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.