Wie man QR-Code in ASP.NET scannt

Wie man QR-Codes in ASP.NET scannt

1. Erstellen Sie ein ASP.NET-Projekt mit Visual Studio.
2. Installieren Sie die IronQR-Bibliothek aus dem Paketmanager.
3. Laden Sie das QR-Bild hoch und lesen Sie das QR.
4. Lesen Sie den erweiterten QR-Code.

Verstehen von QR-Codes und ihrer Einsatzzwecke

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:

• Schneller Website-Zugriff: Weiterleitung der Benutzer zu einer bestimmten URL, ohne dass diese eingetippt werden muss.
• Veranstaltungstickets: Überprüfung der QR-Codes auf den Tickets für den Veranstaltungszugang.
• Zahlungssysteme: Ermöglichung einfacher Zahlungen durch Scannen eines QR-Codes.
• Produktinformationen: Bereitstellung zusätzlicher Informationen zu den Produkten.

Einführung von IronQR

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.

Wichtige Vorteile und Funktionen von IronQR

1. 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.

2. 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.

3. 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.

4. 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.

5. 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+).

6. Es unterstützt verschiedene Projekttypen, einschließlich Web (Blazor & WebForms), Mobile (Xamarin & MAUI), Desktop (WPF & MAUI) und Konsolenanwendungen.

7. 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.

Schritt 1: Erstellen eines neuen ASP.NET-Projekts mit Visual Studio

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.

Schritt 2: Installieren der IronQR-Bibliothek aus dem Visual Studio-Paketmanager

Installieren Sie die IronQR-Bibliothek aus dem Visual Studio-Paketmanager, wie unten gezeigt:

IronQR kann auch über den NuGet Paketmanager installiert werden.

Schritt 3: Hochladen des QR-Bildes und Lesen des QR-Bildes

Lassen Sie uns jetzt eine QR-Code-App erstellen.

// 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
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 Namespace

// 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
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 Namespace

Code Erklärung

Der bereitgestellte Codeausschnitt ist für einen ASP.NET Core MVC-Controller mit dem Namen QrCodeController, der für die Verarbeitung von QR-Code-Scanfunktionen mithilfe der IronQR Bibliothek entwickelt wurde. Hier ist eine kurze Beschreibung dessen, was der Code tut:

Ansicht zur Controller-Klasse hinzufügen

Fügen Sie eine neue Ansicht hinzu, indem Sie mit der rechten Maustaste auf die Aktionsmethode CreateQRCode in der Klasse QrCodeController 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");}
}

Ändern Sie nun im Program.cs 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}");

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

Dadurch wird die Standardroute von HomeController auf unseren QrCode Controller geändert.

Eingabebild mit URL: https://ironsoftware.com/csharp/qr/.

Ausgabe

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.

Schritt 4: Lesen eines erweiterten QR-Codes

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
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.

Lizenz (Testversion verfügbar)

Entwickler können eine IronQR-Testlizenz von hier erhalten. Der Schlüssel muss in appSettings.json eingefügt werden.

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

Abschluss

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.