Como posso integrar a geração de código de barras em um aplicativo Web ASP.NET Core?

Você pode integrar a geração de códigos de barras usando o IronBarcode em seu aplicativo Web ASP.NET Core. Instale a biblioteca IronBarcode por meio do Gerenciador de Pacotes NuGet e utilize seus métodos para gerar e ler códigos de barras e códigos QR em seu aplicativo.

Quais são os passos envolvidos na configuração de um projeto Razor Pages para geração de códigos de barras?

Para configurar um projeto Razor Pages para geração de códigos de barras, comece criando um novo aplicativo Web ASP.NET Core no Visual Studio, instale o IronBarcode através do Gerenciador de Pacotes NuGet, personalize sua interface de usuário usando HTML, CSS e jQuery e implemente o código C# necessário para a funcionalidade de código de barras.

Como instalo o IronBarcode usando o Gerenciador de Pacotes NuGet?

Para instalar o IronBarcode, clique com o botão direito do mouse no seu projeto no Solution Explorer do Visual Studio, selecione "Gerenciar Pacotes NuGet...", pesquise por "IronBarcode" e clique em "Instalar". Isso adicionará a biblioteca ao seu projeto, permitindo que você use seus recursos de geração de código de barras.

Quais são os benefícios de usar o IronBarcode para geração de códigos de barras?

O IronBarcode oferece uma solução robusta para gerar e ler uma ampla variedade de formatos de código de barras. Ele simplifica o processo para desenvolvedores .NET, fornecendo métodos fáceis de usar e suportando a integração em diversos tipos de projetos, como .NET MVC, Blazor WebAssembly e Blazor App.

Como posso personalizar a aparência do código de barras usando o IronBarcode?

Com o IronBarcode, você pode personalizar a aparência do código de barras definindo enumerações para cores e tipos de código de barras. Isso permite selecionar diferentes cores e formatos de código de barras, adaptando os códigos gerados para atender a requisitos de design específicos.

Qual é a finalidade da função OnPostUpload no processo de geração de código de barras?

A função OnPostUpload processa a entrada do usuário para a geração do código de barras. Ela captura detalhes como o texto, o tipo, as dimensões e a cor do código de barras e utiliza os métodos do IronBarcode para criar o código de barras com base nesses parâmetros.

Posso usar o IronBarcode em aplicações Blazor?

Sim, o IronBarcode pode ser usado em aplicações Blazor. Ele oferece suporte à integração com projetos Blazor WebAssembly e Blazor Server, proporcionando flexibilidade para desenvolvedores que trabalham em aplicações web modernas.

What coding knowledge is required to use IronBarcode in a project?

Minimal coding knowledge is required to integrate IronBarcode into a project due to its straightforward nature and comprehensive documentation, making it accessible to both novice and experienced developers.

Is IronBarcode suitable for Blazor applications?

Yes, IronBarcode is compatible with Blazor applications, including both Blazor WebAssembly apps and Blazor Server apps, allowing for seamless integration and enhanced web application functionality.

What steps are necessary to run the barcode generator application after setup?

After setting up the application, you can run it by pressing F5 or Ctrl + F5 in Visual Studio. This will start the application, allowing you to input data, choose a barcode type, set dimensions, and generate a barcode using IronBarcode.

A Biblioteca de Código de Barras C#

Explore IronBarcode Comece seu teste gratuito

Guia rápido de código de barras

Veja todos os exemplos de código %s

using IronBarCode;
using System.Drawing;

// Reading a barcode is easy with IronBarcode!
var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file
var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap
var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image file
var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf

// To configure and fine-tune barcode reading, utilize the BarcodeReaderOptions class
var myOptionsExample = new BarcodeReaderOptions
{
    // Choose a reading speed from: Faster, Balanced, Detailed, ExtremeDetail
    // There is a tradeoff in performance as more detail is set
    Speed = ReadingSpeed.Balanced,

    // Reader will stop scanning once a single barcode is found (if set to true)
    ExpectMultipleBarcodes = true,

    // By default, all barcode formats are scanned for
    // Specifying a subset of barcode types to search for would improve performance
    ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional,

    // Utilize multiple threads to read barcodes from multiple images in parallel
    Multithreaded = true,

    // Maximum threads for parallelized barcode reading
    // Default is 4
    MaxParallelThreads = 2,

    // The area of each image frame in which to scan for barcodes
    // Specifying a crop area will significantly improve performance and avoid noisy parts of the image
    CropArea = new Rectangle(),

    // Special setting for Code39 barcodes
    // If a Code39 barcode is detected, try to read with both the base and extended ASCII character sets
    UseCode39ExtendedMode = true
};

// Read with the options applied
var results = BarcodeReader.Read("barcode.png", myOptionsExample);

// Create a barcode with one line of code
var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8);

// After creating a barcode, we may choose to resize
myBarcode.ResizeTo(400, 100);

// Save our newly-created barcode as an image
myBarcode.SaveAsImage("EAN8.jpeg");

// Get the barcode as an image for further processing
var myBarcodeImage = myBarcode.Image;

using IronBarCode;
using System.Drawing;

// Reading a barcode is easy with IronBarcode!
var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file
var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap
var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image file
var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf

// To configure and fine-tune barcode reading, utilize the BarcodeReaderOptions class
var myOptionsExample = new BarcodeReaderOptions
{
    // Choose a reading speed from: Faster, Balanced, Detailed, ExtremeDetail
    // There is a tradeoff in performance as more detail is set
    Speed = ReadingSpeed.Balanced,

    // Reader will stop scanning once a single barcode is found (if set to true)
    ExpectMultipleBarcodes = true,

    // By default, all barcode formats are scanned for
    // Specifying a subset of barcode types to search for would improve performance
    ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional,

    // Utilize multiple threads to read barcodes from multiple images in parallel
    Multithreaded = true,

    // Maximum threads for parallelized barcode reading
    // Default is 4
    MaxParallelThreads = 2,

    // The area of each image frame in which to scan for barcodes
    // Specifying a crop area will significantly improve performance and avoid noisy parts of the image
    CropArea = new Rectangle(),

    // Special setting for Code39 barcodes
    // If a Code39 barcode is detected, try to read with both the base and extended ASCII character sets
    UseCode39ExtendedMode = true
};

// Read with the options applied
var results = BarcodeReader.Read("barcode.png", myOptionsExample);

// Create a barcode with one line of code
var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8);

// After creating a barcode, we may choose to resize
myBarcode.ResizeTo(400, 100);

// Save our newly-created barcode as an image
myBarcode.SaveAsImage("EAN8.jpeg");

// Get the barcode as an image for further processing
var myBarcodeImage = myBarcode.Image;

PM >Install-Package BarCode

Install-Package BarCode

USANDO O IRONBARCODE

Criando um aplicativo web gerador de código de barras Razor

Curtis Chau

Updated: 11 de maio de 2026

O Gerador de Código de Barras Razor é uma ferramenta prática que simplifica a criação de códigos de barras para desenvolvedores e empresas. Integrar a geração de códigos de barras em aplicativos web melhora a funcionalidade e a experiência do usuário, facilitando a produção de uma variedade de tipos de códigos de barras. Se você está gerenciando inventário, rastreando ativos ou agilizando processos de checkout, utilizar um Gerador de Código de Barras Razor pode melhorar significativamente a eficiência e a precisão. Usaremos o IronBarcode neste tutorial para criar um gerador de código de barras.

Introdução ao IronBarcode

IronBarcode é uma ferramenta essencial para desenvolvedores que trabalham com .NET Core, oferecendo uma biblioteca fácil de usar para geração e leitura de códigos de barras. Ele se destaca por sua simplicidade de integração em seus projetos, exigindo um código mínimo para produzir ou decifrar códigos de barras e códigos QR. Isso torna o IronBarcode uma escolha versátil para aprimorar aplicativos com funcionalidades de geração e leitura de códigos de barras, desde aplicativos web usando páginas Razor até aplicativos de desktop e móveis. Sua ampla gama de formatos de códigos de barras suportados garante que ele possa atender a diversas necessidades de projetos, incluindo para .NET MVC, Blazor WebAssembly app e Blazor App, tornando-se uma escolha confiável para desenvolvedores.

Etapas para Criar um Gerador de Código de Barras

Passo 1: Criar Aplicativo Web ASP.NET Core (Páginas Razor)

Criar um Aplicativo Web ASP.NET Core com Páginas Razor no Visual Studio é simples. Este guia ajudará você a configurar seu projeto do zero:

Abrir o Visual Studio: Inicie o Visual Studio. Na janela de início, selecione "Criar um novo projeto" para iniciar o processo de configuração do seu novo aplicativo web.
Escolha o Tipo de Projeto: Na janela "Criar um novo projeto", selecione "Aplicativo Web ASP.NET Core" na lista de modelos de projeto. Em seguida, clique em "Próximo" para prosseguir.

Criando um novo projeto Razor

Configure Seu Projeto: Agora você será solicitado a configurar seu novo projeto.
- Insira um "Nome do Projeto" para seu aplicativo web.
- Escolha um "Local" adequado em seu computador onde os arquivos do projeto serão armazenados.
- Opcionalmente, ajuste o "Nome da Solução".
- Clique em "Próximo" para continuar.

Configurando o nome do projeto, nome da solução e caminho do arquivo

Configurar Detalhes do Projeto: Na janela "Informações Adicionais", certifique-se de:
- Selecionar a versão apropriada do .NET.
- Verificar se "Configurar para HTTPS" está marcado.
- Clique em "Criar" para iniciar a criação do seu novo aplicativo web de Páginas Razor.

Definindo informações adicionais

Passo 2: Instale a Biblioteca IronBarcode

Para instalar o IronBarcode usando o Gerenciador de Pacotes NuGet no Visual Studio:

Acessar o Gerenciador de Pacotes NuGet: Clique com o botão direito do mouse no nome do seu projeto no painel Solution Explorer. Selecione "Gerenciar Pacotes NuGet…" para abrir a guia Gerenciador de Pacotes NuGet.
Procure por IronBarcode: Na guia "Procurar", digite "IronBarcode" para encontrar a biblioteca.
Install IronBarcode: Select "IronBarcode" and click "Install". Revise quaisquer dependências e acordos de licença, em seguida, aceite para prosseguir.

Instalando IronBarcode através do gerenciador de pacotes NuGet

Passo 3: Desenhar a Interface do Usuário

Aprimore a página Index editando o arquivo index.cshtml. Aplique estilo personalizado:

<style>
    body {
        font-family: 'Poppins', sans-serif;
    }
    /* More CSS styles omitted for brevity */
</style>

<style>
    body {
        font-family: 'Poppins', sans-serif;
    }
    /* More CSS styles omitted for brevity */
</style>

HTML

Adicionando uma Mensagem de Boas-vindas:

<h1 class="text-center mb-4" style="color:#004b9b">Welcome to Barcode Generator</h1>
<div class="svg-container text-center">
    <img src="~/images/logo.svg" class="barcode-logo" alt="Barcode" />
</div>

<h1 class="text-center mb-4" style="color:#004b9b">Welcome to Barcode Generator</h1>
<div class="svg-container text-center">
    <img src="~/images/logo.svg" class="barcode-logo" alt="Barcode" />
</div>

HTML

Estruturando o Conteúdo Principal:

<div class="container">
    <div class="row justify-content-center">
        <!-- Form and Image Column will go here -->
    </div>
</div>

<div class="container">
    <div class="row justify-content-center">
        <!-- Form and Image Column will go here -->
    </div>
</div>

HTML

Formulário de Entrada de Design:

Inclua o formulário para coletar entrada de usuário para geração de código de barras:

<div class="col-md-6 divider col-padding">
    <form method="post" enctype="multipart/form-data">
        <!-- Form elements omitted for brevity -->
        <button type="submit" asp-page-handler="Upload" class="btn btn-primary btn-block">Generate Barcode</button>
    </form>
    <div id="messageContainer">
        <span id="message" style="color:green;">@Html.Raw(Model.Message)</span>
    </div>
</div>

<div class="col-md-6 divider col-padding">
    <form method="post" enctype="multipart/form-data">
        <!-- Form elements omitted for brevity -->
        <button type="submit" asp-page-handler="Upload" class="btn btn-primary btn-block">Generate Barcode</button>
    </form>
    <div id="messageContainer">
        <span id="message" style="color:green;">@Html.Raw(Model.Message)</span>
    </div>
</div>

HTML

Coluna de Imagem:

Para exibir e baixar o código de barras gerado:

<div class="col-md-6 image-padding">
    <div id="imageContainer">
        <!-- Image and download button elements omitted for brevity -->
    </div>
</div>

<div class="col-md-6 image-padding">
    <div id="imageContainer">
        <!-- Image and download button elements omitted for brevity -->
    </div>
</div>

HTML

Roteiros:

Adicione funcionalidade para lidar com ações de entrada e download usando jQuery:

@section Scripts {
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script>
        $(document).ready(function () {
            // jQuery code omitted for brevity
        });
    </script>
}

@section Scripts {
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script>
        $(document).ready(function () {
            // jQuery code omitted for brevity
        });
    </script>
}

JavaScript

Passo 4: Escrevendo Código Funcional

Definir Cor:

No topo do seu arquivo index.cshtml, adicione:

using Color = IronSoftware.Drawing.Color;

using Color = IronSoftware.Drawing.Color;

Imports Color = IronSoftware.Drawing.Color

Imports Color = IronSoftware.Drawing.Color

Cores Enum de Código de Barras:

Defina as cores disponíveis para códigos de barras:

public enum BarcodeColors
{
    AliceBlue,
    AntiqueWhite,
    Aqua,
    Aquamarine,
    Azure,
    Beige,
    Bisque
    // And others...
}

public enum BarcodeColors
{
    AliceBlue,
    AntiqueWhite,
    Aqua,
    Aquamarine,
    Azure,
    Beige,
    Bisque
    // And others...
}

Public Enum BarcodeColors
	AliceBlue
	AntiqueWhite
	Aqua
	Aquamarine
	Azure
	Beige
	Bisque
	' And others...
End Enum

Public Enum BarcodeColors
	AliceBlue
	AntiqueWhite
	Aqua
	Aquamarine
	Azure
	Beige
	Bisque
	' And others...
End Enum

Tipos Enum de Código de Barras:

Defina os tipos disponíveis de códigos de barras:

public enum BarcodeTypes
{
    Aztec,
    Codabar,
    // Other barcode types...
}

public enum BarcodeTypes
{
    Aztec,
    Codabar,
    // Other barcode types...
}

Public Enum BarcodeTypes
	Aztec
	Codabar
	' Other barcode types...
End Enum

Public Enum BarcodeTypes
	Aztec
	Codabar
	' Other barcode types...
End Enum

Funções Auxiliares:

Converta enums para cor e codificação de código de barras:

private Color EnumToColor(BarcodeColors colorEnum) { /* Conversion logic */ }
private BarcodeWriterEncoding GetBarcodeEncoding(BarcodeTypes barcodeType) { /* Encoding logic */ }

private Color EnumToColor(BarcodeColors colorEnum) { /* Conversion logic */ }
private BarcodeWriterEncoding GetBarcodeEncoding(BarcodeTypes barcodeType) { /* Encoding logic */ }

Private Function EnumToColor(ByVal colorEnum As BarcodeColors) As Color
End Function
Private Function GetBarcodeEncoding(ByVal barcodeType As BarcodeTypes) As BarcodeWriterEncoding
End Function

Private Function EnumToColor(ByVal colorEnum As BarcodeColors) As Color
End Function
Private Function GetBarcodeEncoding(ByVal barcodeType As BarcodeTypes) As BarcodeWriterEncoding
End Function

Função OnPostUpload:

Lide com a submissão do formulário para geração de códigos de barras:

public JsonResult OnPostUpload(string barcodeText, string barcodeType, int? maxWidth, int? maxHeight, string barcodeColor)
{
    // Function logic...
}

public JsonResult OnPostUpload(string barcodeText, string barcodeType, int? maxWidth, int? maxHeight, string barcodeColor)
{
    // Function logic...
}

Public Function OnPostUpload(ByVal barcodeText As String, ByVal barcodeType As String, ByVal maxWidth? As Integer, ByVal maxHeight? As Integer, ByVal barcodeColor As String) As JsonResult
	' Function logic...
End Function

Public Function OnPostUpload(ByVal barcodeText As String, ByVal barcodeType As String, ByVal maxWidth? As Integer, ByVal maxHeight? As Integer, ByVal barcodeColor As String) As JsonResult
	' Function logic...
End Function

Edição de Layout:

Edite \_Layout.cshtml para um design minimalista:

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Head contents omitted for brevity -->
</head>
<body>
    <div class="container">
        <main role="main" class="pb-3">
            @RenderBody()
        </main>
    </div>
    <!-- Scripts inclusion omitted for brevity -->
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Head contents omitted for brevity -->
</head>
<body>
    <div class="container">
        <main role="main" class="pb-3">
            @RenderBody()
        </main>
    </div>
    <!-- Scripts inclusion omitted for brevity -->
</body>
</html>

HTML

Executar Aplicação

Execute sua aplicação pressionando F5 ou Ctrl + F5. Siga as instruções na tela para inserir dados, escolher um tipo de código de barras, definir dimensões e gerar um código de barras.

Aplicação web gerada

Conclusão

O aplicativo web gerador de códigos de barras oferece uma maneira fácil de criar códigos de barras personalizados. Você pode inserir dados, selecionar um tipo de código de barras, definir dimensões e escolher uma cor antes de gerar um código de barras. IronBarcode alimenta esta aplicação com um teste gratuito, e as licenças começam em $999.

Para gerar imagens de Código QR, considere usar IronQR.

Curtis Chau

Converse agora mesmo com a equipe de engenharia.

Redator Técnico

Curtis Chau é bacharel em Ciência da Computação (Universidade Carleton) e se especializa em desenvolvimento front-end, com experiência em Node.js, TypeScript, JavaScript e React. Apaixonado por criar interfaces de usuário intuitivas e esteticamente agradáveis, Curtis gosta de trabalhar com frameworks modernos e criar manuais bem estruturados e visualmente atraentes.

...