Neste artigo vamos aprender a gerar um QRCode via ASP.NET Core de forma simples e rápida.
Para facilitar nosso trabalho, vamos utilizar um pacote chamado QRCoder, um projeto Open Source disponível no GitHub e via Nuget.
dotnet new mvc -o MeuApp
cd MeuApp
dotnet add package QRCoder
Pronto, temos nosso projeto criado com o pacote necessário para começarmos.
A ideia aqui é criar uma classe que vai permitir o reuso do QRCode em diferentes pontos do nosso App.
O pacote em sí já faz muita coisa, mas parte de gerar imagens, particulamente prefiro separar para um reuso ainda maior.
O trecho para gerar um QRCode utilizando o QRCoder é bem simples, precisamos do QRCodeGenerator
e dos dados do QRCode.
var qrGenerator = new QRCodeGenerator();
var qrCodeData = qrGenerator.CreateQrCode(url, QRCodeGenerator.ECCLevel.Q);
var qrCode = new QRCode(qrCodeData);
var qrCodeImage = qrCode.GetGraphic(10);
return qrCodeImage;
Para ficar ainda melhor, vamos separar este código em um método que já retorna um Bitmap
. Isto vai nos ajudar em todo processo.
public static Bitmap GenerateImage(string url)
{
var qrGenerator = new QRCodeGenerator();
var qrCodeData = qrGenerator.CreateQrCode(url, QRCodeGenerator.ECCLevel.Q);
var qrCode = new QRCode(qrCodeData);
var qrCodeImage = qrCode.GetGraphic(10);
return qrCodeImage;
}
Em alguns pontos também precisei dos bytes da imagem ao invés do Bitmap, então decidi criar dois métodos adicionais, um para retornar os bytes da imagem e outro para retornar os bytes dado uma URL.
public static byte[] GenerateByteArray(string url)
{
var image = GenerateImage(url);
return ImageToByte(image);
}
private static byte[] ImageToByte(Image img)
{
using var stream = new MemoryStream();
img.Save(stream, System.Drawing.Imaging.ImageFormat.Png);
return stream.ToArray();
}
Como resultado final, nossa classe ficou com os seguintes métodos.
public static class QrCodeGenerator
{
public static Bitmap GenerateImage(string url)
{
var qrGenerator = new QRCodeGenerator();
var qrCodeData = qrGenerator.CreateQrCode(url, QRCodeGenerator.ECCLevel.Q);
var qrCode = new QRCode(qrCodeData);
var qrCodeImage = qrCode.GetGraphic(10);
return qrCodeImage;
}
public static byte[] GenerateByteArray(string url)
{
var image = GenerateImage(url);
return ImageToByte(image);
}
private static byte[] ImageToByte(Image img)
{
using var stream = new MemoryStream();
img.Save(stream, System.Drawing.Imaging.ImageFormat.Png);
return stream.ToArray();
}
}
Agora tudo que temos a fazer é chamar nosso gerador em algum método do controlador.
var image = QrCodeGenerator.GenerateByteArray("https://balta.io");
Com a imagem gerada, podemos responder com um FileResult
passando os bytes da imagem e o Mime/Type.
[HttpGet("qrcode")]
public IActionResult GetQrCode()
{
var image = QrCodeGenerator.GenerateByteArray("https://balta.io");
return File(image, "image/jpeg");
}
Desta forma, ao executar nossa aplicação, teremos o QRCode sendo exibido na URL abaixo.
https://localhost:5001/qrcode
Para renderizar o QRCode na tela, basta utilizar a tag img
com a URL anterior.
<img src="https://localhost:5001/qrcode" />
Pronto! Temos um gerador de QRCode com ASP.NET.
Este artigo atualmente utiliza a versão 5.0.0-rc.1 do ASP.NET/.NET, o que significa que ainda não...
Saiba como manter seu código limpo (Clean Code) seguindo algumas práticas sugeridas pelo Robert C...
Git é um sistema de controle de versões distribuídas, enquanto GitHub é uma plataforma que tem o ...
O Visual Studio Code é um editor de código criado pela Microsoft e que tem uma grande adoção pela...
O Angular nos fornece um esquema de rotas e navegação completo, simples e fácil de utilizar.
Me dedico ao desenvolvimento de software desde 2003, sendo minha maior especialidade o Desenvolvimento Web. Durante esta jornada pude trabalhar presencialmente aqui no Brasil e Estados Unidos, atender remotamente times da ?ndia, Inglaterra e Holanda, receber 8x Microsoft MVP e realizar diversas consultorias em empresas e projetos de todos os tamanhos.
Aulas disponíveis
horas de conteúdo
Alunos matriculados
Certificados emitidos
Temos mais de 16 cursos totalmente de graça e todos com certificado de conclusão.
Prefere algo mais Premium?
Compra única, parcelada em até
12x no cartão de crédito
Cobrado mensalmente via
cartão de crédito
Precisa de ajuda?
Sim! Basta criar sua conta gratuita no balta.io e começar seus estudos. Nós contamos com diversos cursos TOTALMENTE gratuitos e com certificado de conclusão.
Nós temos cursos gratuitos e pagos, porém você não precisa informar nenhum dado de pagamento
para começar seus estudos gratuitamente conosco. Os cursos gratuitos são completos e com
certificado de conclusão, você não paga nada por eles.
Porém, caso queira algo mais Premium,
você terá acesso à diversos benefícios que vão te ajudar ainda mais em sua carreira.
Siga SEMPRE as nossas Carreiras, elas vão te orientar em todos
os sentidos. Os cursos já estão organizados em categorias e carreiras para facilitar seu
aprendizado.
Nossa sugestão para aprendizado é começar pelo Backend e seguindo para Frontend e Mobile.
Nenhum curso no mundo vai te ensinar tudo, desculpa ser sincero! Os cursos são uma base, eles fornecem por volta de 30% do que você precisa aprender, o resto é com você, com dedicação e MUITA prática.
Java ou .NET? Angular ou React? Xamarin ou Flutter? A resposta é simples e direta: "Você já sabe
o básico?"
Se você ainda não sabe BEM o básico, ou seja, os fundamentos, OOP, SOLID, Clean Code, está
perdendo tempo estudando Frameworks ou até coisas mais avançadas como Docker. Foque nos seus
objetivos primeiro.
Agora se você está indeciso sobre qual Framework estudar, a boa notícia é que o mercado neste
momento está bem aquecido e você tem várias oportunidade. Desta forma o que levaríamos em conta
para tomar esta decisão seria:
Com certeza! O primeiro passo é começar e você pode fazer isto agora mesmo!
Começar de
graça
Receba em primeira mão todas as nossas novidades.