Comment scanner un code QR dans ASP.NET

Comment scanner un code QR dans ASP.NET

1. Créez un projet ASP.NET en utilisant Visual Studio.
2. Installez la bibliothèque IronQR à partir du gestionnaire de paquets.
3. Téléchargez l'image QR et lisez le QR.
4. Lisez un code QR avancé.

Comprendre les codes QR et leurs cas d'utilisation

Les codes QR (Quick Response) sont des codes-barres bidimensionnels qui peuvent stocker des informations allant des URL aux détails de contact, généralement scannés à l'aide de smartphones ou de dispositifs de scan dédiés. Dans les applications web, les codes QR peuvent servir à diverses fins, telles que :

• Accès rapide au site Web : Diriger les utilisateurs vers une URL spécifique sans besoin de taper.
• Billetterie d'événements : Vérification des codes QR sur les billets pour l'accès aux événements.
• Systèmes de paiement : Faciliter le paiement simple en scannant un code QR.
• Informations sur le produit : Fournir des informations supplémentaires sur les produits.

Présentation d'IronQR

IronQR est une bibliothèque .NET puissante conçue pour la génération et la lecture de codes QR, offrant une fonctionnalité robuste tout en étant facile à utiliser. Cette bibliothèque polyvalente gère non seulement les codes QR mais peut également gérer d'autres types de codes-barres, en faisant un choix privilégié pour les développeurs travaillant dans l'environnement .NET. Ici, nous allons explorer comment intégrer la bibliothèque IronQR dans une application ASP.NET pour faciliter la lecture des codes QR.

Principaux avantages et caractéristiques de IronQR

1. Lecture de codes QR : IronQR peut lire des codes QR à partir de divers formats d'image, y compris jpg, png, svg, bmp, gif, tif, tiff, et plus. Il prend également en charge les images multipages et les modèles de détection QR personnalisés. Les formats de données de sortie incluent texte, URL, coordonnées et plus.

2. Écriture de codes QR : Vous pouvez générer des codes QR et les sauvegarder sous forme d'images (jpg, png, gif, tiff, bmp), de flux, ou même les estampiller sur des PDF existants. Encodez des données telles que texte, URL, octets, et numéros et générez des codes QR. Personnalisez le style du code QR en redimensionnant, ajustant les marges, recoloriant, et ajoutant des logos.

3. Gestion et correction des erreurs : IronQR fournit des messages d'erreur détaillés et une correction d'erreurs QR personnalisée. Il assure la tolérance aux pannes et prend en charge la vérification des null et les sommes de contrôle.

4. Modèle avancé d'apprentissage machine : IronQR utilise un modèle avancé d'apprentissage machine pour la reconnaissance des codes QR. Ce modèle assure une lecture précise et fiable des codes QR sur diverses plateformes, y compris les environnements mobiles, de bureau et cloud.

5. Compatibilité multiplateforme : IronQR est conçu pour C#, F#, et VB.NET, fonctionnant sur diverses versions de .NET telles que .NET Core (8, 7, 6, 5, et 3.1+), .NET Standard (2.0+), .NET Framework (4.6.2+).

6. Il prend en charge différents types de projets, y compris web (Blazor & WebForms), mobile (Xamarin & MAUI), bureau (WPF & MAUI), et applications console.

7. Large support des codes QR : IronQR excelle dans la gestion d'une large gamme de codes QR et d'autres types de codes-barres. Que vous traitiez avec des codes QR standard, des Micro QR, une image de code-barres QR, ou même des formats spécifiques comme Aztec ou Data Matrix, IronQR vous couvre. IronQR prend également en charge la fonctionnalité de lecture des codes QR sous forme de codes-barres.

[IronQR](Iron Suite) des produits API .NET, qui contient divers outils pour les documents bureautiques, l'édition PDF, l'OCR, et plus.

Étape 1 : Créer un nouveau projet ASP.NET en utilisant Visual Studio

Commencez par créer un nouveau projet et en sélectionnant le modèle MVC comme ci-dessous :

Ensuite, vous devez fournir un nom de projet et une localisation pour le projet.

Sélectionnez la version .NET.

Cliquer sur le bouton créer va créer le code et le projet suivants.

Étape 2 : Installez la bibliothèque IronQR à partir du gestionnaire de paquets Visual Studio

Installez la bibliothèque IronQR à partir du gestionnaire de paquets Visual Studio comme montré ci-dessous :

IronQR peut également être installé en utilisant NuGet Package Manager.

Étape 3 : Téléchargez l'image QR et lisez l'image QR

Maintenant, créons une application de lecture de codes QR.

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

Explication du code

Le fragment de code fourni est pour un contrôleur MVC ASP.NET Core nommé QrCodeController, conçu pour gérer les fonctionnalités de lecture de codes QR en utilisant la bibliothèque IronQR. Voici une brève description de ce que fait le code :

Ajouter une vue à la classe du contrôleur

Ajoutez une nouvelle vue, cliquez avec le bouton droit sur la méthode d'action CreateQRCode dans la classe QrCodeController.

Sélectionnez l'option "Ajouter une vue" puis sélectionnez "Vue Razor". Cliquez sur "Ajouter".

Ensuite, sélectionnez le modèle "Créer" et la classe Modèle générée précédemment.

Maintenant, remplacez le code dans la classe de vue par celui montré ci-dessous.

@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");}
}

Maintenant dans le Program.cs, changez le code suivant pour faire de la vue ci-dessus la route par défaut :

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}")

Cela change la route par défaut de HomeController à notre contrôleur QrCode.

Image d'entrée avec URL : https://ironsoftware.com/csharp/qr/.

Sortie

Sur la page, sélectionnez une image de code QR et cliquez sur télécharger pour décoder le code QR. Cette application peut également être modifiée pour lire à partir d'un flux vidéo et afficher les résultats.

Étape 4 : Lire un code QR avancé

Pour lire des codes QR avancés, IronQR propose les réglages suivants.

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

En s'appuyant sur les dernières avancées en technologie ML, nous avons élevé le lecteur de codes QR à de nouveaux sommets. Le modèle ML sophistiqué améliore la précision et l'efficacité des applications pour décoder des codes QR, même dans des conditions complexes. Que ce soit pour lire des codes QR à partir d'images fixes, de flux vidéo ou de flux caméra en direct, la solution alimentée par ML fournit l'information requise rapidement et de manière fiable. Cette innovation simplifie la récupération de données et améliore la sécurité en identifiant les codes QR authentiques et en signalant les menaces potentielles. Avec notre technologie ML, vous pouvez être assuré que vos capacités de lecture de codes QR sont à la pointe, offrant à vos utilisateurs une expérience fluide et sécurisée.

Licence (Essai disponible)

Les développeurs peuvent obtenir une licence d'essai IronQR depuis ici. La clé doit être placée dans le appSettings.json.

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

Conclusion

Dans cet article, nous avons exploré comment scanner des codes QR dans ASP.NET Core en utilisant IronQR. Intégrer IronQR dans une application ASP.NET pour la lecture de codes QR est un processus simple qui améliore les capacités des applications web, les rendant plus interactives et conviviales. Les puissantes fonctionnalités et la facilité d'utilisation de IronQR en font un excellent choix pour les développeurs cherchant à implémenter des fonctionnalités liées aux codes-barres.