Webアプリケーションにバーコードスキャナーを統合する方法

バーコードスキャニングウェブアプリケーションの作成

このセクションでは、IronBarcode を使用してバーコードをスキャンして結果を表示するウェブアプリケーションを構築する方法を示します。

1. 以下の画像に示すように、Visual Studioで新しいASP.NETウェブアプリケーションプロジェクトを作成します。

2. NuGet パッケージ マネージャー コンソールを使用して IronBarcode をインストールします。

そのためには、NuGet パッケージ マネージャー コンソールを開き、次のコマンドを実行して IronBarcode をインストールします：

```shell
:ProductInstall
```

NuGet のウェブサイトからパッケージを直接ダウンロードすることもできます。[NuGet ウェブサイト](https://www.nuget.org/packages/BarCode)。

3. インストールが完了したら、Default.aspx ファイルを開き、フロントエンドコードで置き換えます。 これにより、ファイルアップロードボタン、'Scan Barcode'というテキストのボタン、結果を表示するラベルが作成されます。

   <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication6._Default" %>
   
   <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
       <div><br /><br /><br />
           <asp:FileUpload ID="fileUpload" runat="server" />
           <br />
           <asp:Button ID="btnScan" runat="server" Text="Scan Barcode" OnClick="btnScan_Click" />
           <br />
           <asp:Label ID="lblResult" runat="server"></asp:Label>
       </div>
   </asp:Content>

   <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication6._Default" %>
   
   <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
       <div><br /><br /><br />
           <asp:FileUpload ID="fileUpload" runat="server" />
           <br />
           <asp:Button ID="btnScan" runat="server" Text="Scan Barcode" OnClick="btnScan_Click" />
           <br />
           <asp:Label ID="lblResult" runat="server"></asp:Label>
       </div>
   </asp:Content>

   HTML

4. これから、アップロードされた画像をQRコードまたはバーコードをスキャンして結果を表示するバックエンドコードを書きます。

   Default.aspx.cs ファイルを開いて、既存のコードを次のコードに置き換えます：

   using IronBarCode;
   using System;
   using System.IO;
   
   public partial class _Default : System.Web.UI.Page
   {
       // Event handler for the 'Scan Barcode' button click
       protected void btnScan_Click(object sender, EventArgs e)
       {
           try
           {
               // Ensure a file has been uploaded
               if (fileUpload.HasFile)
               {
                   // Get the uploaded file stream
                   Stream stream = fileUpload.PostedFile.InputStream;
   
                   // Use IronBarcode to read the barcode from the stream
                   var barcodeResults = BarcodeReader.Read(stream);
   
                   // Display the scanned barcode result
                   lblResult.Text = "Scanned Barcode: " + barcodeResults;
               }
               else
               {
                   lblResult.Text = "Please upload an image.";
               }
           }
           catch (Exception ex)
           {
               // Display any errors that occur during the scanning process
               lblResult.Text = "Error: " + ex.Message;
           }
       }
   }

   using IronBarCode;
   using System;
   using System.IO;
   
   public partial class _Default : System.Web.UI.Page
   {
       // Event handler for the 'Scan Barcode' button click
       protected void btnScan_Click(object sender, EventArgs e)
       {
           try
           {
               // Ensure a file has been uploaded
               if (fileUpload.HasFile)
               {
                   // Get the uploaded file stream
                   Stream stream = fileUpload.PostedFile.InputStream;
   
                   // Use IronBarcode to read the barcode from the stream
                   var barcodeResults = BarcodeReader.Read(stream);
   
                   // Display the scanned barcode result
                   lblResult.Text = "Scanned Barcode: " + barcodeResults;
               }
               else
               {
                   lblResult.Text = "Please upload an image.";
               }
           }
           catch (Exception ex)
           {
               // Display any errors that occur during the scanning process
               lblResult.Text = "Error: " + ex.Message;
           }
       }
   }

   Imports IronBarCode
   Imports System
   Imports System.IO
   
   Partial Public Class _Default
   	Inherits System.Web.UI.Page
   
   	' Event handler for the 'Scan Barcode' button click
   	Protected Sub btnScan_Click(ByVal sender As Object, ByVal e As EventArgs)
   		Try
   			' Ensure a file has been uploaded
   			If fileUpload.HasFile Then
   				' Get the uploaded file stream
   				Dim stream As Stream = fileUpload.PostedFile.InputStream
   
   				' Use IronBarcode to read the barcode from the stream
   				Dim barcodeResults = BarcodeReader.Read(stream)
   
   				' Display the scanned barcode result
   				lblResult.Text = "Scanned Barcode: " & barcodeResults
   			Else
   				lblResult.Text = "Please upload an image."
   			End If
   		Catch ex As Exception
   			' Display any errors that occur during the scanning process
   			lblResult.Text = "Error: " & ex.Message
   		End Try
   	End Sub
   End Class

   $vbLabelText   $csharpLabel
5. これでプロジェクトが完成し、次の URL "https://localhost:44335/Default" でウェブページを開くことができます。

6. 「ファイルを選択」ボタンをクリックして、QRコードが含まれる画像をアップロードします。

7. 最後に、「バーコードをスキャン」ボタンをクリックします。 ボタンの下に出力が表示されます。

以上が、バーコードスキャン機能を備えたウェブページを作成するためのすべての手順です。 今度はオンラインでバーコードを読み取ることができ、IronBarcodeを使用してウェブアプリケーションに簡単に統合できます。