ライブ環境でテストする
ウォーターマークなしで本番環境でテストしてください。
必要な場所でいつでも動作します。
完全に機能する製品
30日間のフル機能製品をお試しください。
数分で稼働させることができます。
24/5 テクニカルサポート
製品トライアル期間中にサポートエンジニアリングチームへの完全アクセス
IRONBARCODEの使用
ウェブアプリケーションにバーコードスキャナーを統合する方法
更新済み 8月 29, 2023
今日のデジタル時代において、物理的な世界と仮想世界のシームレスな融合は、さまざまなプロセスを最適化するためにますます重要になっています。 このトレンドを象徴する統合の一例として、ウェブアプリケーションへのバーコードスキャナの組み込みが挙げられます。 有形商品とオンライン機能のギャップを埋めることで、企業や個人は在庫管理の向上やユーザー体験の向上から、データ入力の効率化、効果的な追跡システム、QRコードのスキャンに至るまで、さまざまな可能性を開放することができます。 この統合は、オンラインアプリケーションの全体的な機能を強化するだけでなく、より相互接続され、効率的なデジタルエコシステムへの道を開きます。
この記事では、 IronBarcode ウェブアプリケーションにバーコードスキャナーを追加するため。 ウェブベースのアプリケーションにバーコードスキャナーを追加することで、カメラ搭載デバイスから画像をスキャンしてアップロードすることが可能になり、デジタルエコシステムのモビリティが最大化されます。
Webアプリケーションにバーコードスキャナーを統合する方法
-
C#用IronBarcodeライブラリをダウンロード。
-
Visual Studioで新しいASP.NET Webアプリケーションプロジェクトを作成します。
-
HTML5とCSSを使用してフロントエンドを設計します。
-
アップロードされたQRコードをテキストに変換するバックエンドメソッドを作成します。
- ラベルを使用して結果を表示します。
IronBarcode
IronBarcodeは、テクノロジーと利便性の交差点に立つ強力なソリューションであり、開発者がバーコードのスキャンおよび生成機能を自分のアプリケーションにスムーズに統合するための堅牢なツールキットを提供します。 包括的な機能と直感的なデザインを備えたIronBarcodeは、ビジネスやプログラマーがソフトウェア環境内でバーコードを簡単にデコード、エンコード、および操作することを可能にします。 在庫管理の最適化を目指す場合でも、データ交換を促進する場合でも、ユーザーエクスペリエンスを向上させる場合でも、IronBarcodeはバーコード処理の複雑な世界を簡素化し、アプリケーションがブラウザを使用してデジタルな方法で物理的な世界とやり取りできるようにする多くの可能性を開きます。 IronBarcodeは、すべてのバーコードフォーマットおよびバーコードシンボロジーをサポートしています。
バーコードスキャンウェブアプリケーションの作成
このセクションでは、IronBarcode を使用してバーコードをスキャンし、結果を表示するウェブアプリケーションの構築方法について説明します。
-
以下の画像に示すように、Visual Studioで新しいASP.NETウェブアプリケーションプロジェクトを作成します。
-
NuGet パッケージ マネージャー コンソールを使用して IronBarcode をインストールします。
そのためには、NuGetパッケージマネージャーコンソールを開いて、次のコマンドを実行してください。これにより、数秒以内にIronBarcodeがインストールされます。
:ProductInstallこちらのパッケージを直接ダウンロードすることもできます。 NuGetウェブサイト.
- インストールが完了したら、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>'INSTANT VB TODO TASK: The following line uses invalid syntax:
'<%@ 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>
VB
C#
-
次に、アップロードされた画像を取得し、QRコードまたはバーコードをスキャンして結果を表示するバックエンドコードを記述します。
Default.aspx.csファイルを開き、以下のコードに置き換えてください。
using IronBarCode;
using System;
using System.IO;
public partial class _Default : System.Web.UI.Page
{
protected void btnScan_Click(object sender, EventArgs e)
{
try
{
if (fileUpload.HasFile)
{
Stream stream = fileUpload.PostedFile.InputStream;
var barcodeResults = BarcodeReader.Read(stream);
lblResult.Text = "Scanned Barcode: " + barcodeResults;
}
else
{
lblResult.Text = "Please upload an image.";
}
}
catch (Exception ex)
{
lblResult.Text = "Error: " + ex.Message;
}
}
} using IronBarCode;
using System;
using System.IO;
public partial class _Default : System.Web.UI.Page
{
protected void btnScan_Click(object sender, EventArgs e)
{
try
{
if (fileUpload.HasFile)
{
Stream stream = fileUpload.PostedFile.InputStream;
var barcodeResults = BarcodeReader.Read(stream);
lblResult.Text = "Scanned Barcode: " + barcodeResults;
}
else
{
lblResult.Text = "Please upload an image.";
}
}
catch (Exception ex)
{
lblResult.Text = "Error: " + ex.Message;
}
}
}Imports IronBarCode
Imports System
Imports System.IO
Partial Public Class _Default
Inherits System.Web.UI.Page
Protected Sub btnScan_Click(ByVal sender As Object, ByVal e As EventArgs)
Try
If fileUpload.HasFile Then
Dim stream As Stream = fileUpload.PostedFile.InputStream
Dim barcodeResults = BarcodeReader.Read(stream)
lblResult.Text = "Scanned Barcode: " & barcodeResults
Else
lblResult.Text = "Please upload an image."
End If
Catch ex As Exception
lblResult.Text = "Error: " & ex.Message
End Try
End Sub
End Class
VB
C#
-
プロジェクトが完了したので、実行して次のURLでウェブページを開くことができます：「https://localhost:44335/Default」。
-
「ファイルを選択」ボタンをクリックし、QRコードが含まれている画像をアップロードしてください。
-
最後に「バーコードをスキャン」ボタンをクリックすると、ボタンの下に出力が表示されます。
以下は、バーコード読み取り機能を備えたウェブページを作成するためのすべての手順です。これで、オンラインでバーコードを読み取ることができ、IronBarcodeを使用してウェブアプリケーションに簡単に統合することができます。
結論
バーコードスキャナーをIronBarcodeのようなツールとソリューションを通してウェブアプリケーションに組み込むことは、物理的な世界とデジタルの領域の変革的な融合を表し、実物の商品とオンライン機能の間のシームレスな相互作用を促進します。 この統合により、企業や個人は、在庫管理の合理化から効率的なデータ入力まで、プロセスを強化することができ、複雑なバーコード処理を簡素化し、より相互接続され最適化されたデジタルエコシステムを促進します。 この手順ガイドでは、バーコードスキャン機能をウェブアプリケーションに簡単に追加するための包括的なブループリントを提供し、テクノロジーがユーザーエクスペリエンスを革新し、仮想世界と物理世界の境界を再定義する可能性を示しています。
以下の方法でバーコードを読み取る詳細なチュートリアルとコード例については IronBarcode 訪問 これ. BlazorアプリケーションでIronBarcodeを使用する方法については、こちらをご覧ください リンク.
