
Blazor'da QR Kodu Nasıl Oluşturulur
Bu makale, geliştiricilerin C# projelerinde QR kodları oluşturmak için IronBarcode kütüphanesini nasıl kullanabileceklerini gösterir.
Blazor'da QR Kod Nasıl Oluşturulur
- Blazor'da QR kodları oluşturmak için bir C# kütüphanesi indirin
CreateQrCodeyöntemiyle bir QR kod oluşturun- Oluşturulan QR kodunu bir HTML etiket dizesine dönüştürün
- Bilgileri razor dosyasındaki MarkupString'e iletin
SaveAsPngyöntemini kullanarak oluşturulan QR kodunu bir PNG görüntüsü olarak kaydedin
IronBarcode - C#
IronBarcode, herhangi bir .NET C# uygulamalarında barkod ve QR kodlarını kolayca okuyup oluşturmanıza olanak tanıyan bir C# Barkod & QR kod Kütüphanesidir. Hız, doğruluk ve kullanım kolaylığı için öncelik verir.
IronBarcode, geliştiricilerin C# projelerinde kolaylıkla QR kodlarını ekleyip, okuyup ve şık hale getirmelerine olanak tanıyan kullanıcı dostu bir kütüphanedir, genellikle dakikalar içinde. Geliştiricilerin Aztek, Veri Matrisi, MaxiCode gibi formatlarda QR kodları oluşturmalarına olanak tanır. IronBarcode kullanarak, farklı barkod türleri mevcuttur, örneğin, Code 39, Code 128, RSS14 vb.
IronBarcode, tüm .NET Framework dilleriyle uyumludur, yani C#, F# ve VB.NET ile. Aşağıda listelenen tüm .NET platformlarını destekler:
- .NET 7, 6 ve 5
- .NET Core 2x & 3x
- .NET Standard 2
- .NET Framework 4.6.2+
Blazor Sunucu Uygulamasında QR Kod Nasıl Oluşturulur?
Ön Koşullar
C#'ta Blazor web uygulamalarında QR kodlar oluşturmak için şu bileşenlere ihtiyacımız var:
-
Visual Studio - C# geliştirme için kullanılan bir Entegre Geliştirme Ortamıdır (IDE). Visual Studio web sitesinden indirilebilir. Veya C# için desteklenen herhangi bir diğer IDE'yi kullanabilirsiniz.
-
Blazor Sunucu Uygulaması: Blazor Sunucu uygulaması oluşturmak ana görevdir. Blazor sunucu web uygulamasını oluşturmak için aşağıda verilen adımları takip edin.
-
IDE'nizi veya Visual Studio'yu açın. Yeni bir proje oluşturun.

-
Mevcut proje seçeneklerinden Blazor Sunucu Uygulaması'nı seçin.

-
Sonraki adımda, proje adını ve konumunu belirleyin.

-
Sonraki adımda, projeniz için ek bilgileri sağlayın. Uygun bir .NET Framework Sürümü seçin. IronBarcode, 2'den 7'ye kadar olan .NET sürümlerini destekler, en son sürüm .NET 7'dir.

-
-
IronBarcode - Farklı barkod türlerini oluşturmak ve okumak için .NET QR kodu ve Barkod kütüphanesi. IronBarcode'u yüklemenin farklı yolları şunlardır:
- IronBarcode'u NuGet web sitesinden doğrudan indirin.
- Visual Studio araçlarında çözüm için NuGet paketlerini yönet ile veya çözüm gezginine sağ tıklayarak NuGet Paket Yöneticisi'ni seçerek kurulum yapın.
- IronBarcode DLL'i doğrudan Iron Software web sitesinden indirin.
IronBarcode Namespace Eklenmesi
Her şey yüklendikten ve hazır olduktan sonra, aşağıdaki derleme referansını Blazor barkod uygulamanızın "Imports.razor" dosyasına ekleyin:
@using IronBarCode

Lisans Anahtarı Ekleme
IronBarcode'un dağıtımda kullanılabilmesi için lisanslı olması gerekir. Ücretsiz deneme lisans anahtarınızı buradan alabilirsiniz. Program.cs dosyasına aşağıdaki kod satırlarını ekleyin:
using IronBarCode;
// Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE";Imports IronBarCode
' Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE"QR Kod Oluşturma Adımları
QR kodları oluşturmak için aşağıdaki adımlar, Blazor Sunucu uygulamasında en iyi şekilde yardımcı olacaktır:
Blazor HTML Bileşenleri Eklenmesi
İlk olarak, "Index.razor" sayfasına bazı HTML kodları ekleyeceğiz. Kod, bazı başlıklar, bir giriş alanı ve düğmelerden oluşur.
Aşağıdaki kodu kullanarak bileşenleri Blazor barkod uygulamasına ekleyin:
<h4>Welcome to Blazor QR Code Generator</h4>
<p>Enter the value to Generate QR Code:</p>
<!-- Input field for QR code text -->
<input @bind="text" />
<!-- Button to trigger QR code generation -->
<button @onclick="QRCodeGenerater">Generate QR Code</button>
<p>Generated QR Code:</p>
Çıktı şu şekildedir:

Metin alanı kullanıcıdan veri almak için kullanılır ve oluştur butonu, QR kodu oluşturmak için QRCodeGenerater yöntemini çağırır. Oluşturulan QR kodu "Oluşturulan QR Kodu:" başlığı altında gösterilecektir. Şimdi, QRCodeGenerater yöntemini oluşturalım.
QRCodeGenerater Yöntemini Oluştur
QR kodlarını oluşturmak için Visual Studio'da güçlü IronBarcode kütüphanesini kullanma zamanı. @code bölümü "Index.razor" sayfasına eklendi. Önce komple kodu aşağıda görelim:
@code {
// Variable to hold the generated QR code HTML
private string qrCode = "";
// Variable to hold user input text
private string text = "";
// Method to generate QR code from user input
private void QRCodeGenerater()
{
// Create a QR code from the input text
GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
// Convert the generated QR code to HTML tag
qrCode = Convert.ToString(myQRCode.ToHtmlTag());
}
}
Yukarıdaki kodda iki özel string değişkeni mevcuttur. qrCode oluşturulan QR kodunu görüntüler ve text giriş alanından kullanıcı girdisini alır. Ardından, QRCodeGenerater yönteminde, QRCodeWriter sınıfının CreateQrCode yöntemi kullanılarak myQRCode oluşturulur. CreateQrCode yöntemi, kod çıktılarını geliştirmek için birkaç parametre sağlar. QR kodunun boyutunu özelleştirebilir, hata düzeltme seviyesini korumak için hata düzeltme kod sözcüklerini ayarlayabilir ve QrVersion değiştirebilirsiniz. Aşağıdaki kod, diğer parametrelerle çalışmanıza da yardımcı olur:
// Creating a QR code with custom parameters
QRCodeWriter.CreateQrCode(
"https://ironsoftware.com/csharp/barcode/", // URL for the QR code
500, // Size of the QR code
QRCodeWriter.QrErrorCorrectionLevel.High, // Error correction level
0 // QrVersion
)' Creating a QR code with custom parameters
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)Son olarak, oluşturulan Blazor barkodu bir HTML etiketine ve ardından bir qrCode dizesine dönüştürülür.
IronBarcode özellikleri hakkında daha fazla bilgi almak için bu kod örnekleri sayfasına bakın.
Blazor Sunucu Uygulaması Ana Sayfasında Gösterim
Aşağıdaki kodu "Index.razor" sayfasındaki H4 başlığından sonra HTML bileşenlerine ekleyerek qrCode görüntüleyin:
@((MarkupString)qrCode)
PNG Dosyası Olarak Kaydetme
Ayrıca, SaveAsPng yöntemi kullanarak bir PNG dosyasına da kaydedebilirsiniz:
// Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png");' Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png")
Sayfa Yüklenirken QR Kod Oluşturma
Sayfa yüklendiğinde bir QR kodu da oluşturabilir ve kullanıcıların veriyi taraması için gösterebilirsiniz. Aşağıdaki kod, bu görevi asenkron olarak gerçekleştirmenize yardımcı olur:
@((MarkupString)qrCode)
@code {
// Variable to hold the generated QR code HTML
private string qrCode = "";
// Method called when the page is initialized
protected override async Task OnInitializedAsync()
{
// Asynchronously generate a QR code on page load
await Task.Run(() =>
qrCode = Convert.ToString(QRCodeWriter.CreateQrCode(
"https://ironsoftware.com/csharp/barcode/",
500,
QRCodeWriter.QrErrorCorrectionLevel.High,
0).ToHtmlTag())
);
}
}

Özet
Bu makalede, C# kullanarak IronBarcode ile Blazor Sunucu uygulamasında QR kodlarının nasıl oluşturulacağını öğrendik. IronBarcode esnek bir kütüphanedir ve Blazor uygulamaları için gerekli tüm yöntemleri ve desteği sağlar.
IronBarcode, düz metni, resimleri, videoları veya diğer verileri kolayca QR kodlarına dönüştürür. Kod boyutunu, hata düzeltme seviyesini ve sürümünü kontrol edebilirsiniz. Blazor uygulamalarında barkod taramak için IronBarcode kullanabilirsiniz. Tam bir örnek burada.
IronBarcode geliştirme için ücretsizdir, ancak ticari ve dağıtım amaçlı lisanslanmalıdır. Tüm işlevselliğini test etmek için ücretsiz deneme deneyebilirsiniz.

Curtis Chau, Bilgisayar Bilimleri alanında Lisans Derecesine (Carleton Üniversitesi) sahip ve Node.js, TypeScript, JavaScript ve React konularında uzmanlaşmış ön uç geliştirmeyle ilgileniyor. Sezgisel ve estetik açıdan hoş kullanıcı arayüzleri oluşturma tutkunu, Curtis modern çerçevelerle çalışmayı ve iyi yapılandırılmış, görsel olarak çekici kılavuzlar oluşturmayı seviyor.
İlgili Makaleler


