
Como gerar um código QR em Blazor
Este artigo mostra como os desenvolvedores podem usar a biblioteca IronBarcode para criar códigos QR em projetos C#.
Como gerar um código QR em Blazor
- Baixe uma biblioteca C# para gerar códigos QR no Blazor
- Use o método
CreateQrCodepara criar um código QR - Converter o código QR gerado em uma string de tag HTML
- Passe a informação para MarkupString no arquivo razor
- Use o método
SaveAsPngpara salvar o código QR gerado como uma imagem PNG
IronBarcode - C#
IronBarcode é uma biblioteca de Código de Barras e Código QR em C# que permite ler e gerar códigos de barras e QR facilmente em qualquer aplicação .NET C#. Prioriza velocidade, precisão e facilidade de uso para C#
IronBarcode é uma biblioteca fácil de usar que permite aos desenvolvedores adicionar, ler e estilizar códigos QR em projetos C# facilmente, geralmente em minutos. Permite aos desenvolvedores criar códigos QR em formatos como Aztec, Data Matrix, MaxiCode. Diferentes tipos de código de barras estão disponíveis usando IronBarcode, por exemplo, Code 39, Code 128, RSS14, etc.
IronBarcode é compatível com todas as linguagens do .NET Framework, ou seja, C#, F# e VB.NET. Suporta todas as plataformas .NET listadas abaixo:
- .NET 7, 6 e 5
- .NET Core 2x e 3x *.NET Standard 2
- .NET Framework 4.6.2 ou superior
Como Gerar Código QR em Aplicativo Blazor Server?
Pré-requisitos
Para criar códigos QR em aplicativos web Blazor em C#, precisamos dos seguintes componentes:
- Visual Studio - É um Ambiente de Desenvolvimento Integrado (IDE) usado para desenvolvimento C#. Pode ser baixado do site do Visual Studio. Ou você pode usar qualquer outro IDE suportado para C#
- Aplicativo Blazor Server: Criar aplicativo Blazor Server é a tarefa principal. Siga as etapas abaixo para criar um aplicativo web Blazor server.
- Abra seu IDE ou o Visual Studio. Clique em Criar novo projeto.

- Escolha Aplicativo Blazor Server das opções de projeto disponíveis.

- Em seguida, defina o local e nomeie seu projeto.

- Em seguida, defina as informações adicionais para seu projeto. Selecione uma versão apropriada do .NET Framework. IronBarcode suporta versões do .NET de 2 a 7, sendo .NET 7 a mais recente.

- IronBarcode - A biblioteca .NET de códigos QR e de barras que ajuda a gerar e ler diferentes tipos de códigos de barras. A seguir estão as diferentes maneiras de instalar o IronBarcode:
- Baixe diretamente o IronBarcode do site NuGet.
- Instale via Gerenciar pacotes NuGet para a solução nas ferramentas do Visual Studio ou clique com o botão direito no explorador de soluções para escolher o Gerenciador de Pacotes NuGet.
- Baixe o DLL IronBarcode diretamente do site da Iron Software.
Adicionando Namespace do IronBarcode
Quando tudo estiver instalado e pronto, adicione a seguinte referência de assembly ao arquivo "Imports.razor" do seu aplicativo de código de barras Blazor:
@using IronBarCode

Adicionar chave de licença
IronBarcode deve ser licenciado para ser usado em implantação. Você pode obter sua chave de licença de teste gratuita aqui. Adicione as seguintes linhas de código ao arquivo Program.cs:
using IronBarCode;
// Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE";Imports IronBarCode
' Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE"Passos para Gerar Código QR
Os seguintes passos ajudarão a gerar códigos QR da melhor maneira possível em um aplicativo Blazor Server:
Adicionando Componentes HTML ao Blazor
Primeiro, vamos adicionar algum código HTML à página "Index.razor". O código consiste em alguns títulos, um campo de entrada e botões.
Use o código abaixo para adicionar os componentes ao aplicativo de código de barras Blazor:
<h4>Welcome to Blazor QR Code Generator</h4>
<p>Enter the value to Generate QR Code:</p>
<!-- Input field for QR code text -->
<input @bind="text" />
<!-- Button to trigger QR code generation -->
<button @onclick="QRCodeGenerater">Generate QR Code</button>
<p>Generated QR Code:</p>
O resultado é o seguinte:

O campo de texto é usado para obter entrada do usuário, e o botão de gerar chamará o método QRCodeGenerater para criar um código QR. O código QR criado será exibido sob o título "Código QR Gerado:". Agora, vamos criar o método QRCodeGenerater.
Crie o Método QRCodeGenerater
É hora de usar a poderosa biblioteca IronBarcode no Visual Studio para gerar códigos QR. A seção @code é adicionada à página "Index.razor". Vamos primeiro ver o código completo abaixo:
@code {
// Variable to hold the generated QR code HTML
private string qrCode = "";
// Variable to hold user input text
private string text = "";
// Method to generate QR code from user input
private void QRCodeGenerater()
{
// Create a QR code from the input text
GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
// Convert the generated QR code to HTML tag
qrCode = Convert.ToString(myQRCode.ToHtmlTag());
}
}
No código acima, existem duas variáveis de string privadas. qrCode exibirá o código QR gerado, e text obterá a entrada do usuário a partir do campo de entrada. Então, no método QRCodeGenerater, myQRCode é criado usando o método CreateQrCode da classe QRCodeWriter. O método CreateQrCode fornece vários parâmetros para melhorar a saída do código. Você pode personalizar o tamanho do código QR, definir palavras de código de correção de erros para manter o nível de correção de erros e alterar o QrVersion. O código abaixo ajuda você a trabalhar com outros parâmetros também:
// Creating a QR code with custom parameters
QRCodeWriter.CreateQrCode(
"https://ironsoftware.com/csharp/barcode/", // URL for the QR code
500, // Size of the QR code
QRCodeWriter.QrErrorCorrectionLevel.High, // Error correction level
0 // QrVersion
)' Creating a QR code with custom parameters
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)Finalmente, o código de barras Blazor gerado é convertido em uma tag HTML e, em seguida, em uma string qrCode.
Obtenha mais detalhes sobre as funcionalidades do IronBarcode nesta página de exemplos de código.
Exibir na Página Inicial do Aplicativo Blazor Server
Adicione o código abaixo nos componentes HTML da página "Index.razor", após o cabeçalho H4 para exibir qrCode:
@((MarkupString)qrCode)
Salvar Como um Arquivo PNG
Você também pode salvá-lo em um arquivo PNG usando o método SaveAsPng:
// Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png");' Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png")
Gerar Código QR no Carregamento da Página
Você também pode criar um código QR no carregamento da página e exibi-lo para os usuários escanearem os dados. O código a seguir ajuda a realizar essa tarefa de forma assíncrona:
@((MarkupString)qrCode)
@code {
// Variable to hold the generated QR code HTML
private string qrCode = "";
// Method called when the page is initialized
protected override async Task OnInitializedAsync()
{
// Asynchronously generate a QR code on page load
await Task.Run(() =>
qrCode = Convert.ToString(QRCodeWriter.CreateQrCode(
"https://ironsoftware.com/csharp/barcode/",
500,
QRCodeWriter.QrErrorCorrectionLevel.High,
0).ToHtmlTag())
);
}
}

Resumo
Neste artigo, aprendemos a gerar códigos QR em um aplicativo Blazor Server usando IronBarcode em C#. IronBarcode é uma biblioteca flexível e fornece todos os métodos necessários e suporte para aplicativos Blazor.
IronBarcode converte texto simples, imagens, vídeos ou qualquer outro dado em códigos QR com facilidade. Você pode controlar o tamanho do código, os níveis de correção de erros e sua versão. Você pode usar IronBarcode para escanear códigos de barras em aplicativos Blazor. Um exemplo completo está aqui.
IronBarcode é gratuito para desenvolvimento, mas deve ser licenciado para fins comerciais e de implantação. Você pode experimentar a versão de teste gratuita para testar todas as suas funcionalidades.

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.
Artigos relacionados


