QR-Codes sind in unserer digitalen Welt allgegenwärtig geworden und werden häufig in der Werbung, im Einzelhandel, im Veranstaltungsmanagement und mehr eingesetzt. Für Entwickler, die im ASP.NET-Framework arbeiten, kann die Integration von QR-Code-Scan-Funktionen in Webanwendungen die Benutzererfahrung und Funktionalität verbessern. Dieser Artikel untersucht den Prozess der Implementierung eines QR-Code-Scanners in einer ASP.NET-Anwendung und behandelt die erforderlichen Werkzeuge, Bibliotheken und die schrittweise Implementierung. Wir werden IronQR, eine leistungsstarke Bibliothek zur QR-Code-Erzeugung von Iron Software, verwenden, um QR-Codes zu lesen.
QR (Quick Response) Codes sind zweidimensionale Strichcodes, die Informationen speichern können, die von URLs bis hin zu Kontaktdaten reichen und typischerweise mit Smartphones oder speziellen Scangeräten gescannt werden. In Webanwendungen können QR-Codes verschiedene Zwecke erfüllen, wie zum Beispiel:
IronQR ist eine leistungsstarke .NET-Bibliothek, entwickelt für die Erzeugung und das Scannen von QR-Codes, die robuste Funktionalität und einfache Bedienung bietet. Diese vielseitige Bibliothek bewältigt nicht nur QR-Codes, sondern kann auch andere Arten von Strichcodes verarbeiten, was sie zu einer bevorzugten Wahl für Entwickler innerhalb des .NET-Ökosystems macht. Hier werden wir untersuchen, wie man die IronQR-Bibliothek in eine ASP.NET-Anwendung integriert, um QR-Code-Scans zu ermöglichen.
Lesen von QR-Codes: IronQR kann QR-Codes aus verschiedenen Bildformaten lesen, darunter jpg, png, svg, bmp, gif, tif, tiff und mehr. Es unterstützt auch mehrseitige Bilder und benutzerdefinierte QR-Erkennungsmodelle. Ausgabedatenformate umfassen Text, URLs, Koordinaten und mehr.
QR-Codes schreiben: Sie können QR-Codes generieren und diese als Bilder (jpg, png, gif, tiff, bmp), Streams speichern oder sogar auf bestehende PDFs aufbringen. Daten wie Text, URLs, Bytes und Zahlen kodieren und QR-Codes generieren. QR-Code-Styling anpassen, indem Sie die Größe ändern, Ränder anpassen, umfärben und Logos hinzufügen.
Fehlerbehandlung und -korrektur: IronQR bietet detaillierte Fehlermeldungen und eine benutzerdefinierte QR-Fehlerkorrektur. Es sorgt für Fehlertoleranz und unterstützt Null-Prüfungen und Prüfsummen.
Fortschrittliches Machine-Learning-Modell: IronQR verwendet ein fortschrittliches Machine-Learning-Modell zur QR-Code-Erkennung. Dieses Modell sorgt für eine genaue und zuverlässige QR-Code-Lesung auf verschiedenen Plattformen, einschließlich mobiler Geräte, Desktops und Cloud-Umgebungen.
Plattformübergreifende Kompatibilität: IronQR ist für C#, F# und VB .NET konzipiert und läuft auf verschiedenen .NET Versionen wie .NET Core (8, 7, 6, 5 und 3.1+), .NET Standard (2.0+) und .NET Framework (4.6.2+).
Es unterstützt verschiedene Projekttypen, einschließlich Web (Blazor & WebForms), Mobile (Xamarin & MAUI), Desktop (WPF & MAUI) und Konsolenanwendungen.
Umfassende QR-Code-Unterstützung: IronQR zeichnet sich durch seine Fähigkeit aus, eine breite Palette von QR-Codes und anderen Barcode-Typen zu verarbeiten. Egal, ob Sie es mit Standard-QR-Codes, Micro-QR-Codes, einem QR-Code-Strichcode-Bild oder sogar spezifischen Formaten wie Aztec oder Data Matrix zu tun haben, IronQR hat Sie abgedeckt. IronQR unterstützt auch die Funktionalität zum Lesen von QR-Code-Strichcodes.
[IronQR](Iron Suite) von .NET API-Produkten, das verschiedene Werkzeuge für Office-Dokumente, PDF-Bearbeitung, OCR und mehr umfasst.
Beginnen Sie mit der Erstellung eines neuen Projekts und wählen Sie die MVC-Vorlage aus, wie unten gezeigt:
Als Nächstes sollten Sie einen Projektnamen und einen Speicherort für das Projekt angeben.
Klicken Sie auf "Hinzufügen".
Das Klicken auf die Schaltfläche Erstellen erstellt den folgenden Code und das Projekt.
Installieren Sie die IronQR-Bibliothek aus dem Visual Studio-Paketmanager, wie unten gezeigt:
IronQR kann auch über den NuGet Paketmanager installiert werden.
Lassen Sie uns jetzt eine QR-Code-App erstellen.
QRCodeModel// Import necessary namespaces
using System.ComponentModel.DataAnnotations;
namespace IronQRScannerAsp.Models
{
public class QRCodeModel
{
// Property to hold the uploaded QR code image
[Display(Name = "Select QR Image")]
public IFormFile QRCodeImage { get; set; }
}
}' Import necessary namespaces
Imports System.ComponentModel.DataAnnotations
Namespace IronQRScannerAsp.Models
Public Class QRCodeModel
' Property to hold the uploaded QR code image
<Display(Name := "Select QR Image")>
Public Property QRCodeImage() As IFormFile
End Class
End NamespaceFügen Sie einen neuen Controller hinzu, indem Sie im Controller-Ordner mit der rechten Maustaste klicken und einen Namen eingeben:
Wählen Sie Leeren Controller.
Geben Sie den Namen des Controllers an.
Fügen Sie nun den folgenden Code zum Controller hinzu.
// Import necessary namespaces
using IronQr;
using IronQRScannerAsp.Models;
using IronSoftware.Drawing;
using Microsoft.AspNetCore.Mvc;
namespace IronQRScannerAsp.Controllers
{
// Controller to handle QR code scanning functionalities
public class QrCodeController : Controller
{
private readonly IWebHostEnvironment _environment;
// Constructor for dependency injection of the hosting environment
public QrCodeController(IWebHostEnvironment environment)
{
_environment = environment;
}
// Displays the initial View
public IActionResult Index()
{
ViewBag.QrCodeText = "Text";
return View();
}
// Handles the POST request to scan a QR code
[HttpPost]
public IActionResult ScanQRCode(QRCodeModel qrImage)
{
string path = Path.Combine(_environment.WebRootPath, "ScanQRCode");
if (!Directory.Exists(path))
{
Directory.CreateDirectory(path);
}
// Define the file path for saving the uploaded QR image
string filePath = Path.Combine(_environment.WebRootPath, "ScanQRCode/qrcode.png");
using (var stream = System.IO.File.Create(filePath))
{
qrImage.QRCodeImage.CopyTo(stream); // Save uploaded image to server
}
// Open the asset to read a QR Code from
var bitmap = AnyBitmap.FromFile(filePath);
// Load the asset into QrImageInput
QrImageInput imageInput = new QrImageInput(bitmap);
// Create a QR Reader object
QrReader reader = new QrReader();
// Read the Input and get all embedded QR Codes
IEnumerable<QrResult> results = reader.Read(imageInput);
// Display scanned text and image on the view
ViewBag.QrCodeText = results.First().Value;
string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}" + "/ScanQRCode/qrcode.png";
ViewBag.QrCodeUri = imageUrl;
return View();
}
}
}' Import necessary namespaces
Imports IronQr
Imports IronQRScannerAsp.Models
Imports IronSoftware.Drawing
Imports Microsoft.AspNetCore.Mvc
Namespace IronQRScannerAsp.Controllers
' Controller to handle QR code scanning functionalities
Public Class QrCodeController
Inherits Controller
Private ReadOnly _environment As IWebHostEnvironment
' Constructor for dependency injection of the hosting environment
Public Sub New(ByVal environment As IWebHostEnvironment)
_environment = environment
End Sub
' Displays the initial View
Public Function Index() As IActionResult
ViewBag.QrCodeText = "Text"
Return View()
End Function
' Handles the POST request to scan a QR code
<HttpPost>
Public Function ScanQRCode(ByVal qrImage As QRCodeModel) As IActionResult
Dim path As String = System.IO.Path.Combine(_environment.WebRootPath, "ScanQRCode")
If Not Directory.Exists(path) Then
Directory.CreateDirectory(path)
End If
' Define the file path for saving the uploaded QR image
Dim filePath As String = System.IO.Path.Combine(_environment.WebRootPath, "ScanQRCode/qrcode.png")
Using stream = System.IO.File.Create(filePath)
qrImage.QRCodeImage.CopyTo(stream) ' Save uploaded image to server
End Using
' Open the asset to read a QR Code from
Dim bitmap = AnyBitmap.FromFile(filePath)
' Load the asset into QrImageInput
Dim imageInput As New QrImageInput(bitmap)
' Create a QR Reader object
Dim reader As New QrReader()
' Read the Input and get all embedded QR Codes
Dim results As IEnumerable(Of QrResult) = reader.Read(imageInput)
' Display scanned text and image on the view
ViewBag.QrCodeText = results.First().Value
Dim imageUrl As String = $"{Me.Request.Scheme}://{Me.Request.Host}{Me.Request.PathBase}" & "/ScanQRCode/qrcode.png"
ViewBag.QrCodeUri = imageUrl
Return View()
End Function
End Class
End NamespaceDer bereitgestellte Codeausschnitt ist für einen ASP.NET Core MVC-Controller namens QrCodeController, der für die Handhabung von QR-Code-Scan-Funktionen mit der IronQR-Bibliothek entwickelt wurde. Hier ist eine kurze Beschreibung dessen, was der Code tut:
filePath), wo das hochgeladene QR-Code-Bild gespeichert wird ("ScanQRCode/qrcode.png"). Dies überschreibt alle vorhandenen Dateien mit demselben Namen, um neue Scans zu behandeln, ohne Dateien anzusammeln.qrImage.QRCodeImage, wahrscheinlich eine Form-Datei) an den angegebenen Ort auf dem Server.AnyBitmap.FromFile(filePath), um die gespeicherte Bilddatei in ein Format zu laden, das für das QR-Code-Scanning geeignet ist. AnyBitmap dient wahrscheinlich als Hilfsklasse zur Umwandlung von Bilddateien in ein Bitmap-Objekt, das der QR-Leser verarbeiten kann.QrImageInput, das speziell dafür ausgelegt ist, ein Eingang für den QR-Code-Leseprozess zu sein.QrReader, eine Komponente der IronQR-Bibliothek, konfiguriert zur Erkennung und Dekodierung von QR-Codes.reader.Read(imageInput) auf, um das Bild nach QR-Codes zu durchsuchen. Diese Methode gibt ein IEnumerable<QrResult> zurück, wobei jedes QrResult Daten eines erkannten QR-Codes im Bild enthält.results.First().Value und speichert diese dekodierte Information in ViewBag.QrCodeText. Es wird davon ausgegangen, dass das Bild mindestens einen QR-Code enthält und es werden keine potenziellen Fehler behandelt, bei denen keine QR-Codes erkannt werden.imageUrl), die auf das gespeicherte QR-Code-Bild auf dem Server zeigt. Diese URL wird unter Verwendung des aktuellen HTTP-Anforderungsschemas, des Hosts und der Basis des Pfads erstellt, um sicherzustellen, dass sie den Benutzern für die Ansicht zugänglich ist.ViewBag.QrCodeUri gespeichert.View()), die wahrscheinlich sowohl das QR-Code-Bild als auch den dekodierten Text dem Benutzer anzeigt. Das ViewBag wird verwendet, um den dekodierten Text des QR-Codes und die URL des Bildes zur Ansicht zur Darstellung zu übergeben.Fügen Sie eine neue Ansicht hinzu, indem Sie mit der rechten Maustaste auf die CreateQRCode Aktionsmethode in der QrCodeController Klasse klicken.
Wählen Sie die Option "Ansicht hinzufügen" und dann "Razor-Ansicht" aus. Klicken Sie auf "Hinzufügen".
Wählen Sie dann die "Create"-Vorlage und die zuvor generierte Modellklasse aus.
Ersetzen Sie jetzt den Code in der Ansichtsklasse durch den unten gezeigten.
@model IronQRScannerAsp.Models.QRCodeModel
@{
ViewData["Title"] = "ScanQRCode";
}
<h1>ScanQRCode</h1>
<h4>QRCodeModel</h4>
<hr />
<div class="row">
<div class="col-md-14">
<form asp-action="ScanQRCode" enctype="multipart/form-data">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="form-group">
<label for="QRCodeImage">Select QR Image:</label>
<input asp-for="QRCodeImage" class="form-control" type="file" />
</div>
<div class="form-group">
<input type="submit" value="Upload" class="btn btn-primary" />
</div>
</form>
</div>
</div>
<div>
<h3>Scanned Text:</h3>
<h4>@ViewBag.QrCodeText</h4>
@if (ViewBag.QrCodeUri != null)
{
<img src="@ViewBag.QrCodeUri" class="img-thumbnail" />
}
</div>
<div>
<a asp-action="Index">Clear</a>
</div>
@section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}Jetzt im Program.cs ändern Sie den folgenden Code, um die obige Ansicht als Standardroute festzulegen:
app.MapControllerRoute(
name: "default",
pattern: "{controller=QrCode}/{action=Index}");app.MapControllerRoute(name:= "default", pattern:= "{controller=QrCode}/{action=Index}")Dies ändert die Standardroute von HomeController zu unserem QrCode Controller.
Eingabebild mit URL: https://ironsoftware.com/csharp/qr/.
Wählen Sie auf der Seite ein QR-Code-Bild aus und klicken Sie auf Hochladen, um den QR-Code zu dekodieren. Diese App kann auch so modifiziert werden, dass sie aus einem Video-Feed liest und Ergebnisse anzeigt.
Um erweiterte QR-Codes zu lesen, stellt IronQR die folgenden Einstellungen bereit.
// Import necessary namespaces
using IronQr;
using IronSoftware.Drawing;
using IronQr.Enum;
using System.Collections.Generic;
// Load an image file as a bitmap
var inputBmp = AnyBitmap.FromFile("QrImage.png");
// Use Auto => Machine Learning Scan
QrImageInput scan_ML_and_normal = new QrImageInput(inputBmp, QrScanMode.OnlyDetectionModel);
IEnumerable<QrResult> results1 = new QrReader().Read(scan_ML_and_normal);
// Use Machine Learning Scan - High Speed
QrImageInput scan_ML_only = new QrImageInput(inputBmp, QrScanMode.OnlyDetectionModel);
IEnumerable<QrResult> results2 = new QrReader().Read(scan_ML_only);
// Use Scan without Machine Learning
QrImageInput scan_normal_only = new QrImageInput(inputBmp, QrScanMode.OnlyBasicScan);
IEnumerable<QrResult> results3 = new QrReader().Read(scan_normal_only);' Import necessary namespaces
Imports IronQr
Imports IronSoftware.Drawing
Imports IronQr.Enum
Imports System.Collections.Generic
' Load an image file as a bitmap
Private inputBmp = AnyBitmap.FromFile("QrImage.png")
' Use Auto => Machine Learning Scan
Private scan_ML_and_normal As New QrImageInput(inputBmp, QrScanMode.OnlyDetectionModel)
Private results1 As IEnumerable(Of QrResult) = (New QrReader()).Read(scan_ML_and_normal)
' Use Machine Learning Scan - High Speed
Private scan_ML_only As New QrImageInput(inputBmp, QrScanMode.OnlyDetectionModel)
Private results2 As IEnumerable(Of QrResult) = (New QrReader()).Read(scan_ML_only)
' Use Scan without Machine Learning
Private scan_normal_only As New QrImageInput(inputBmp, QrScanMode.OnlyBasicScan)
Private results3 As IEnumerable(Of QrResult) = (New QrReader()).Read(scan_normal_only)Indem wir die neueste ML-Technologie nutzen, haben wir den QR-Code-Leser auf neue Höhen erhoben. Das ausgeklügelte ML-Modell verbessert die Genauigkeit und Effizienz von Anwendungen beim Dekodieren von QR-Codes, selbst unter komplexen Bedingungen. Ob beim Lesen von QR-Codes aus Standbildern, Videostreams oder Live-Kamerafeeds, die ML-unterstützte Lösung liefert die erforderlichen Informationen schnell und zuverlässig. Diese Innovation vereinfacht die Datenabrufung und erhöht die Sicherheit, indem sie echte QR-Codes identifiziert und potenzielle Bedrohungen markiert. Mit unserer ML-Technologie können Sie sicher sein, dass Ihre QR-Code-Scan-Fähigkeiten an der Spitze der Technologie sind, und bieten Ihren Nutzern ein reibungsloses und sicheres Erlebnis.
Entwickler können eine IronQR-Testlizenz von hier erhalten. Der Schlüssel muss im appSettings.json platziert werden.
{
"IronQr.License.LicenseKey": "My Key"
}In diesem Artikel haben wir untersucht, wie man QR-Codes in ASP.NET Core mit IronQR scannt. Das Integrieren von IronQR in eine ASP.NET-Anwendung zum Scannen von QR-Codes ist ein einfacher Prozess, der die Fähigkeiten von Webanwendungen verbessert und sie interaktiver und benutzerfreundlicher macht. IronQR's leistungsstarke Funktionen und einfache Bedienung machen es zu einer ausgezeichneten Wahl für Entwickler, die Barcode-bezogene Funktionen implementieren möchten.
Curtis Chau hat einen Bachelor-Abschluss in Informatik von der Carleton University und ist spezialisiert auf Frontend-Entwicklung mit Expertise in Node.js, TypeScript, JavaScript und React. Leidenschaftlich widmet er sich der Erstellung intuitiver und ästhetisch ansprechender Benutzerschnittstellen und arbeitet gerne mit modernen Frameworks sowie der Erstellung gut strukturierter, optisch ansprechender Handbücher.
IronQR ist ein Teil der IRONSUITE
10 .NET-API-Produkte für Ihre Bürodokumente
Wenn Sie QR-Codes schnell lesen, schreiben und gestalten müssen.
