如何在 ASP.NET 中掃描二維碼

如何在 ASP.NET 中掃描二維碼

1. 使用 Visual Studio 建立一個 ASP.NET 專案。
2. 從軟體套件管理器安裝IronQR庫。
3. 上傳二維碼圖片並讀取二維碼。
4. 讀取高級二維碼。

了解二維碼及其應用案例

二維碼（快速回應碼）是二維條碼，可以儲存從網址到聯絡資訊等各種訊息，通常使用智慧型手機或專用掃描設備進行掃描。 在網路應用中，二維碼可以用於多種用途，例如：

*快速存取網站：*無需輸入即可將使用者引導至特定 URL。 活動票務：驗證門票上的二維碼以確認是否可進入活動現場。 支付系統：透過掃描二維碼實現便利支付。 產品資訊：**提供更多有關產品的資訊。

隆重推出 IronQR

IronQR是一個功能強大的 .NET 函式庫，專為二維碼產生和掃描而設計，在提供強大功能的同時，也兼顧了易用性。 這個功能強大的函式庫不僅可以處理二維碼，還可以管理其他類型的條碼，因此成為 .NET 生態系統中開發人員的首選。 在這裡，我們將探討如何將 IronQR 函式庫整合到 ASP.NET 應用程式中，以方便二維碼掃描。

IronQR 的主要優勢和特點

1.讀取二維碼： IronQR可以讀取各種影像格式的二維碼，包括 jpg、png、svg、bmp、gif、tif、tiff 等。 它還支援多頁圖像和自訂二維碼檢測模型。 輸出資料格式包括文字、URL、座標等。

2.編寫二維碼：您可以產生二維碼並將其儲存為圖像（jpg、png、gif、tiff、bmp）、串流，甚至可以將其添加到現有的 PDF 中。 對文字、網址、位元組和數字等資料進行編碼，並產生二維碼。 透過調整大小、調整邊距、重新著色和添加徽標來自訂二維碼樣式。

3.錯誤處理與修正： IronQR提供詳細的錯誤訊息和自訂 QR 錯誤修正。 它能確保容錯性，並支援空值檢查和校驗和。

4.先進的機器學習模型： IronQR使用先進的機器學習模型進行二維碼辨識。 此模型可確保在各種平台上（包括行動裝置、桌面裝置和雲端環境）準確可靠地讀取二維碼。

5.跨平台相容性： IronQR專為 C#、F# 和 VB.NET 設計，可在各種 .NET 版本上運行，例如 .NET Core（8、7、6、5 和 3.1+）、.NET Standard（2.0+）、.NET Framework（4.6.2+）。

6. 它支援不同的專案類型，包括 Web（Blazor 和 WebForms）、行動裝置（Xamarin 和 MAUI）、桌面（WPF 和 MAUI）和控制台應用程式。

7.廣泛的二維碼支援： IronQR 擅長處理各種二維碼和其他類型的條碼。 無論您處理的是標準二維碼、微型二維碼、二維碼條碼影像，甚至是 Aztec 或 Data Matrix 等特定格式， IronQR都能滿足您的需求。 IronQR 也支援讀取二維碼條碼的功能。

IronQR的 .NET API 產品，包括各種辦公室文件工具、PDF 編輯工具、OCR 工具等等。

步驟 1：使用 Visual Studio 建立一個新的 ASP.NET 項目

首先建立一個新項目，然後選擇 MVC 模板，如下所示：

如何在 ASP.NET 中掃描二維碼：圖 1 - 使用 Visual Studio 建立一個新的 ASP.NET 項目

接下來，您應該提供項目名稱和項目地點。

如何在 ASP.NET 中掃描二維碼：圖 2 - 提供項目名稱和要儲存的位置。

選擇.NET版本。

如何在 ASP.NET 中掃描二維碼：圖 3 - 選擇要使用的 .NET 版本。

點擊建立按鈕將建立以下程式碼和項目。

如何在 ASP.NET 中掃描二維碼：圖 4 - 點選 Visual Studio 的"建立"按鈕，即可獲得專案範本。

步驟 2：從 Visual Studio 套件管理器安裝 IronQR 庫

請依照下列步驟，從 Visual Studio 套件管理器安裝IronQR庫：

如何在 ASP.NET 中掃描二維碼：圖 5 - 使用 Visual Studio 套件管理器搜尋 IronQR 並安裝它

IronQR也可以使用NuGet套件管理器來安裝。

如何在 ASP.NET 中掃描二維碼：圖 6 - 透過 NuGet 套件管理器搜尋 IronQR

步驟 3：上傳二維碼圖像並讀取二維碼圖像

現在，讓我們建立一個二維碼應用程式。

// 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
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();
        }
    }
}

程式碼解釋

提供的程式碼片段是一個名為QrCodeController的 ASP.NET Core MVC 控制器，它使用 IronQR 函式庫來處理二維碼掃描功能。 以下是這段程式碼功能的簡要描述：

將視圖新增至控制器類

新增視圖，右鍵點選QrCodeController類別中的CreateQRCode操作方法。

如何在 ASP.NET 中掃描二維碼：圖 10 - 在QrCodeController類別中新增視圖

選擇"新增視圖"選項，然後選擇"Razor視圖"。 點擊"新增"。

如何在 ASP.NET 中掃描二維碼：圖 11 - 選擇"新增視圖"選項，然後選擇"Razor 視圖"，再選擇"新增"。

然後選擇之前產生的"創建"模板和模型類別。

如何在 ASP.NET 中掃描二維碼：圖 12 - 選擇先前產生的建立模板

現在將視圖類別中的程式碼替換為下面所示的程式碼。

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

現在，在Program.cs檔案中，修改以下程式碼，將上述視圖設定為預設路由：

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

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

這將預設路由從HomeController更改為我們的QrCode控制器。

輸入圖片（需提供URL）：https://ironsoftware.com/csharp/qr/ 。

如何在 ASP.NET 中掃描二維碼：圖 13 - 二維碼輸入範例

輸出

如何在 ASP.NET 中掃描二維碼：圖 14 - 依照上述步驟操作後的範例輸出

在頁面上，選擇二維碼圖像，然後點擊上傳以解碼二維碼。 該應用程式還可以進行修改，以讀取視訊串流並顯示結果。

步驟 4：讀取高階二維碼

為了讀取高級二維碼，IronQR 提供了以下設定。

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

透過利用最新的機器學習技術，我們將二維碼閱讀器提升到了新的高度。 即使在複雜條件下，先進的機器學習模型也能提高應用程式解碼二維碼的準確性和效率。 無論是從靜態影像、視訊串流或即時相機畫面中讀取二維碼，這款基於機器學習的解決方案都能快速可靠地提供所需資訊。 這項創新透過識別真正的二維碼並標記潛在威脅，簡化了資料檢索並提高了安全性。 借助我們的機器學習技術，您可以確信您的二維碼掃描功能處於領先地位，為您的用戶提供流暢安全的體驗。

許可證（提供試用版）

開發者可以從這裡取得 IronQR 試用許可證。 需要將金鑰放置在appSettings.json檔案中。

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

結論

在本文中，我們探討如何使用IronQR在 ASP.NET Core 中掃描二維碼。 將IronQR整合到 ASP.NET 應用程式中進行二維碼掃描是一個簡單的過程，它增強了 Web 應用程式的功能，使其更具互動性和使用者友善性。 IronQR的強大功能和易用性使其成為希望實現條碼相關功能的開發人員的絕佳選擇。