W dzisiejszej erze cyfrowej płynne połączenie świata fizycznego i wirtualnego staje się coraz ważniejsze dla optymalizacji różnych procesów. Jednym z przykładów takiej integracji, który ilustruje ten trend, jest włączenie skanera BarCode do aplikacji internetowych. Wypełniając lukę między produktami fizycznymi a funkcjonalnościami online, zarówno firmy, jak i osoby prywatne mogą odkryć szeroki wachlarz możliwości, od łatwego zarządzania zapasami i lepszych doświadczeń użytkowników po usprawnione wprowadzanie danych, wydajne systemy śledzenia i skanowanie kodów QR. Ta integracja nie tylko poprawia ogólną funkcjonalność aplikacji internetowych, ale także toruje drogę do bardziej połączonego i wydajnego ekosystemu cyfrowego.

W tym artykułe użyjemy IronBarcode, aby dodać skaner kodów kreskowych do aplikacji internetowej. Dzięki dodaniu skanera BARCODE do aplikacji internetowej obrazy mogą być skanowane i przesyłane z dowolnego urządzenia wyposażonego w aparat, co maksymalizuje mobilność ekosystemu cyfrowego.

Jak zintegrować skaner BarCode z aplikacją internetową

1. Pobierz bibliotekę C# IronBarcode.
2. Utwórz nowy projekt aplikacji internetowej ASP.NET w programie Visual Studio.
3. Zaprojektuj interfejs użytkownika przy użyciu HTML5 i CSS.
4. Napisz metody backendowe, które pobiorą przesłany kod QR i przekształcą go w tekst.
5. Wyświetl wynik za pomocą etykiety.

IronBarcode

IronBarcode to potężne rozwiązanie łączące technologię z wygodą, oferujące programistom solidny zestaw narzędzi do płynnej integracji skanowania i generowania kodów kreskowych z ich aplikacjami. Dzięki wszechstronnym funkcjom i intuicyjnej konstrukcji IronBarcode umożliwia firmom i programistom łatwe dekodowanie, kodowanie i manipulowanie kodami kreskowymi w ich środowiskach programistycznych. Niezależnie od tego, czy celem jest optymalizacja zarządzania zapasami, ułatwienie wymiany danych czy poprawa komfortu użytkowania, IronBarcode otwiera szerokie możliwości, upraszczając złożony świat przetwarzania kodów kreskowych i umożliwiając aplikacjom interakcję ze światem fizycznym w sposób cyfrowy za pośrednictwem przeglądarki. IronBarcode obsługuje wszystkie formaty BarCode i symbole BarCode.

Tworzenie aplikacji internetowej do skanowania BarCode

W tej sekcji pokażemy, jak używać IronBarcode do tworzenia aplikacji internetowej, która będzie skanować kody kreskowe i wyświetlać wyniki.

1. Zacznij od utworzenia nowego projektu aplikacji internetowej ASP.NET w programie Visual Studio, tak jak pokazano na poniższych obrazkach.

2. Zainstaluj IronBarcode za pomocą konsoli NuGet Package Manager Console.

   Aby to zrobić, otwórz konsolę NuGet Package Manager Console i uruchom następujące polecenie, aby zainstalować IronBarcode:

   PM > Install-Package BarCode

   Pakiet można również pobrać bezpośrednio ze strony internetowej NuGet.

3. Po zakończeniu instalacji otwórz plik Default.aspx i zastąp go swoim kodem frontendowym. Spowoduje to utworzenie przycisku przesyłania plików, przycisku z tekstem "Skanuj BarCode" oraz etykiety do wyświetlania wyników.

   <%@ 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. Teraz napiszemy kod zaplecza, który pobierze przesłany obraz, przeskanuje go w poszukiwaniu kodu QR lub BarCode i wyświetli wyniki.

   Otwórz plik Default.aspx.cs i zastąp istniejący kod następującym:

   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

   C#VB

5. Teraz nasz projekt jest kompletny, możemy go uruchomić i otworzyć stronę internetową pod następującym adresem URL "https://localhost:44335/Default".

6. Kliknij przycisk Wybierz plik i prześlij obraz zawierający kod QR.

7. Na koniec kliknij przycisk "Skanuj BarCode"; wyświetli wynik poniżej przycisku.

Powyżej przedstawiono wszystkie kroki niezbędne do stworzenia strony internetowej z funkcją skanowania kodów kreskowych. Teraz będziesz mógł odczytywać kody kreskowe online, a dzięki IronBarcode łatwo zintegrujesz to rozwiązanie ze swoimi aplikacjami internetowymi.

Wnioski

Włączenie skanera BarCode do aplikacji internetowych za pomocą narzędzi i rozwiązań takich jak IronBarcode stanowi przełomowe połączenie świata fizycznego i cyfrowego, ułatwiające płynną interakcję między produktami namacalnymi a funkcjami online. Ta integracja umożliwia firmom i osobom prywatnym usprawnienie procesów, od uproszczonego zarządzania zapasami po wydajne wprowadzanie danych, a jednocześnie upraszcza złożone przetwarzanie BarCode'ów, sprzyjając w ten sposób tworzeniu bardziej połączonego i zoptymalizowanego ekosystemu cyfrowego. Przedstawiony tutaj przewodnik krok po kroku oferuje kompleksowy plan łatwego dodawania funkcji skanowania BarCode do aplikacji internetowych, pokazując potencjał technologii, która może zrewolucjonizować doświadczenia użytkowników i na nowo zdefiniować granice między światem wirtualnym a fizycznym.

Szczegółowy samouczek dotyczący odczytywania kodów kreskowych wraz z przykładami kodu wykorzystującymi IronBarcode można znaleźć tutaj. Aby dowiedzieć się, jak korzystać z IronBarcode w aplikacji Blazor, kliknij ten link.