Comment scanner un code QR dans ASP.NET

Comment scanner un code QR en ASP.NET

1. Créez un projet ASP.NET à l'aide de Visual Studio.
2. Installez la bibliothèque IronQR à partir du gestionnaire de paquets.
3. Téléchargez l'image QR et lisez la QR.
4. Lire Advanced QR Code.

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 coordonnées, généralement scannés à l'aide de smartphones ou d'appareils de numérisation dédiés. Dans les applications web, les codes QR peuvent avoir diverses fonctions, telles que :

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

Présentation d'IronQR

IronQR est une puissante bibliothèque .NET conçue pour la génération et la numérisation de codes QR, offrant des fonctionnalités robustes avec une facilité d'utilisation à l'esprit. Cette bibliothèque polyvalente gère non seulement les codes QR, mais aussi d'autres types de codes-barres, ce qui en fait un choix privilégié pour les développeurs travaillant au sein de l'écosystème .NET. Ici, nous allons explorer comment intégrer la bibliothèque IronQR for .NET dans une application ASP.NET pour faciliter la numérisation des codes QR.

Avantages et caractéristiques clés d'IronQR

1. Lecture de codes QR : IronQR peut lire les codes QR à partir de différents formats d'image, notamment jpg, png, svg, bmp, gif, tif, tiff, etc. Elle prend également en charge les images multipages et les modèles de détection QR personnalisés. Les formats de données de sortie comprennent du texte, des URL, des coordonnées, etc.

2. Écrire des codes QR : vous pouvez générer des codes QR et les enregistrer sous forme d'images (jpg, png, gif, tiff, bmp), de flux, ou même les apposer sur des PDF existants. Encoder des données telles que du texte, des URL, des octets et des nombres et générer des codes QR. Personnalisez le style du code QR en le redimensionnant, en ajustant les marges, en le recolorant et en ajoutant des logos.

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

4. Modèle d'apprentissage automatique avancé : IronQR utilise un modèle d'apprentissage automatique avancé pour la reconnaissance des codes QR. Ce modèle garantit une lecture précise et fiable des codes QR sur différentes plateformes, y compris les environnements mobiles, de bureau et en nuage.

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

6. Elle prend en charge différents types de projets, notamment les applications web (Blazor & WebForms), mobiles (Xamarin & MAUI), de bureau (WPF & MAUI) et de console.

7. Grande prise en charge des codes QR : IronQR excelle dans la prise en charge d'un large éventail de codes QR et d'autres types de codes-barres. Qu'il s'agisse de codes QR standard, de codes Micro QR, d'une image de code-barres de code QR ou même de formats spécifiques comme Aztec ou Data Matrix, IronQR vous couvre. IronQR prend également en charge la fonctionnalité de lecture des codes-barres QR.

IronQR de produits .NET API, qui comprend divers outils pour les documents bureautiques, l'édition de PDF, l'OCR, et plus encore.

Étape 1 : Créer un nouveau projet ASP.NET à l'aide de Visual Studio

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

Comment scanner un code QR en ASP .NET : Figure 1 - Créer un nouveau projet ASP.NET avec Visual Studio

Ensuite, vous devez indiquer le nom du projet et son emplacement.

How to Scan QR Code in ASP .NET : Figure 2 - Indiquez le nom du projet et l'emplacement où vous souhaitez le sauvegarder.

Sélectionnez la version .NET.

Comment scanner un code QR en ASP .NET : Figure 3 - Sélectionnez la version .NET que vous souhaitez utiliser.

En cliquant sur le bouton "Créer", vous créerez le code et le projet suivants.

Comment scanner un code QR en ASP .NET : Figure 4 - Cliquez sur le bouton de création pour que Visual Studio vous donne le modèle de votre projet

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

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

Comment scanner un code QR en ASP .NET : Figure 5 - Recherchez IronQR à l'aide du gestionnaire de paquets de Visual Studio et installez-le

IronQR can also be installed using NuGet.

Comment scanner un code QR en ASP .NET : Figure 6 - Recherche d'IronQR via le gestionnaire de paquets NuGet

Étape 3 : télécharger l'image QR et lire l'image QR

Maintenant, créons un code QR App.

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

L'extrait de code fourni concerne un contrôleur ASP.NET Core MVC nommé QrCodeController, qui est conçu pour gérer les fonctionnalités de numérisation des codes QR à l'aide de 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, faites un clic droit sur la méthode d'action CreateQRCode dans la classe QrCodeController.

Comment scanner un code QR en ASP .NET : Figure 10 - Ajouter une nouvelle vue dans la classe QrCodeController

Sélectionnez l'option "Ajouter une vue", puis "Vue rasoir". Cliquez sur "Ajouter".

Comment scanner un code QR en ASP .NET : Figure 11 - Sélectionnez l'option Ajouter une vue, puis Razor View, puis Ajouter

Sélectionnez ensuite le modèle "Create" et la classe de modèle générée précédemment.

Remplacez maintenant le code de la classe view par le code 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");}
}

Dans le Program.cs, modifiez le code suivant pour que la vue ci-dessus devienne 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}")

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

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

Comment scanner un code QR en ASP .NET : Figure 13 - Exemple de saisie de code QR

Sortie

Comment scanner un code QR en ASP .NET : Figure 14 - Exemple de sortie après avoir suivi les étapes ci-dessus

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 un flux vidéo et afficher les résultats.

Étape 4 : lecture du code QR avancé

Pour lire les codes QR avancés, IronQR propose les paramètres 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 tirant parti des dernières technologies de ML, nous avons élevé le lecteur de code QR à de nouveaux sommets. Le modèle ML sophistiqué améliore la précision et l'efficacité des applications dans le décodage des codes QR, même dans des conditions complexes. Qu'il s'agisse de lire des codes QR à partir d'images fixes, de flux vidéo ou de flux de caméras en direct, la solution basée sur la ML fournit les informations requises de manière rapide et fiable. Cette innovation rationalise la récupération des données et renforce la sécurité en identifiant les codes QR authentiques et en signalant les menaces potentielles. Grâce à notre technologie ML, vous pouvez être sûr que vos capacités de lecture de codes QR sont à la pointe du progrès, offrant à vos utilisateurs une expérience fluide et sécurisée

Licence (essai disponible)

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

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

Conclusion

Dans cet article, nous avons exploré comment scanner des codes QR dans ASP.NET Core à l'aide de IronQR. L'intégration d'IronQR dans une application ASP.NET pour la numérisation 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 d'IronQR en font un excellent choix pour les développeurs qui cherchent à mettre en œuvre des fonctionnalités liées aux codes-barres.